CSS बेगीनर ट्यूटोरियल
- पिछला पृष्ठ HTML
- अगला पृष्ठ Javascript
आवश्यक जानकारी
जाने से पहले, आपको नीचे दिए गए ज्ञान के बारे में बुनियादी जानकारी होनी चाहिए:
- HTML
- XHTML
यदि आप इन परियोजनाओं को पहले सीखना चाहते हैं, तो आपको होम पेज संबंधित शिक्षण दस्तावेज़ों को देखें
- CSS संक्षिप्त व्याख्या
-
- CSS इसके लिए स्टाइल क्रॉस स्टाइल शीट (Cascading Style Sसीएसएस (सीएसएस)
- स्टाइल डिफ़ाइनकैसे प्रदर्शित करें एचटीएमएल एलिमेंट
- स्टाइल सामान्यतयास्टाइल शीटमें
- एचटीएमएल 4.0 में स्टाइल जोड़ने का उद्देश्यसामग्री और प्रदर्शन के अलगाव की समस्या को हल करने के लिए
- बाहरी स्टाइल शीटकार्यकुशलता को अधिकतम कर सकते हैं
- बाहरी स्टाइल शीट सामान्यतया CSS फ़ाइलमें
- कई स्टाइल डिफ़ाइन कोस्टाइलएक
स्टाइल ने एक सामान्य समस्या को हल किया है
एचटीएमएल टैग को मूल रूप से दस्तावेज़ सामग्री को परिभाषित करने के लिए डिजाइन किया गया था।<h1>, <p>, <table> जैसे टैग का इस्तेमाल करके, एचटीएमएल को मूल रूप से 'यह शीर्षक है', 'यह पैराग्राफ है', 'यह तालिका है' जैसी जानकारी को व्यक्त करने के लिए आशा की गई थी।दस्तावेज़ के वर्गांकन को ब्राउज़र द्वारा पूरा करने की आशा की गई थी, बिना किसी फ़ॉर्मेटिंग टैग के
दो प्रमुख ब्राउज़र (नेटस्केप और इंटरनेट एक्सप्लोरर) ने नए एचटीएमएल टैग और गुण (जैसे फ़ॉन्ट टैग और रंग गुण) को एचटीएमएल नियम में जोड़ा है, इसलिए निर्देशाक की सामग्री को सामग्री के प्रदर्शन से स्वतंत्र रूप से स्पष्ट रूप से बनाना ज़रूरी है
इस समस्या को हल करने के लिए, वेब वर्ल्ड लिंक (W3C), एक गैर-लाभकारी मानकीकरण संघ, एचटीएमएल मानकीकरण के निर्णय का दायित्व ले रहा है और एचटीएमएल 4.0 के बाहर स्टाइल्स (स्टाइल) को बनाया है
सभी प्रमुख ब्राउज़र शार्ट क्रॉस स्टाइल शीट का समर्थन करते हैं
स्टाइल शीट ने कार्यकुशलता को अधिकतम किया है
स्टाइल शीट एचटीएमएल एलिमेंट का प्रदर्शन कैसे करें, जैसे कि एचटीएमएल 3.2 के स्टाइल में फ़ॉन्ट टैग और रंग गुण को सामान्यतया बाहरी .css फ़ाइल में भंडारित किया जाता है।केवल एक साधारण CSS दस्तावेज़ को संपादित करके, बाहरी स्टाइल शीट आपको सामूहिक रूप से साइट में सभी पृष्ठ के वर्गांकन के आकार को बदलने की क्षमता देते हैं।
एक साथ कई पृष्ठों के स्टाइल और लेआउट को नियंत्रित करने की अनुमति देने के कारण, CSS को WEB डिजाइन क्षेत्र में एक ब्रेकथ्रू कहा जा सकता है।वेबसाइट डेवलपर के रूप में, आप प्रत्येक HTML एलिमेंट के लिए स्टाइल डिफ़ाइन कर सकते हैं और इसे आप चाहते हैं कि कितने भी पृष्ठों पर लागू करें।व्यापक परिवर्तन करने के लिए, सिर्फ़ स्टाइल को बदलें, तो साइट में सभी एलिमेंट आटोमेटिक रूप से अपडेट हो जाएंगे।
बहुवचन स्टाइल को एक साथ स्टाइल के रूप में शामिल किया जाता है
स्टाइल शीट स्टाइल सूचना को अनेक तरीकों से परिभाषित कर सकता है।स्टाइल को एक अकेले HTML एलिमेंट में, HTML पृष्ठ के खेद टैग में, या एक बाहरी CSS फ़ाइल में परिभाषित किया जा सकता है।यहां तक कि एक अकेले HTML दस्तावेज़ के अंदर कई बाहरी स्टाइल शीटों को भी उद्धृत किया जा सकता है।
स्टाइल की श्रेणी
जब एक ही HTML एलिमेंट को अधिक से अधिक स्टाइलों द्वारा परिभाषित किया जाता है, तो कौन सी स्टाइल का इस्तेमाल किया जाएगा?
सामान्यतया, सभी स्टाइल नीचे के नियम के अनुसार एक नए आभासी स्टाइल शीट में शामिल होती है, जिसमें संख्या 4 सबसे अधिक प्राथमिकता है।
- ब्राउज़र डिफ़ॉल्ट सेटिंग
- बाहरी स्टाइल शीट
- इंटरनल स्टाइल शीट (जो <head> टैग के अंदर है)
- इनलाइन स्टाइल (HTML एलिमेंट के अंदर)
इसलिए, इनलाइन स्टाइल (HTML एलिमेंट के अंदर) को सबसे अधिक प्राथमिकता है, इसका मतलब है कि यह नीचे के स्टाइल घोषणाओं की तुलना में प्राथमिकता प्राप्त करेगा: <head> टैग में की गई स्टाइल घोषणाएँ, बाहरी स्टाइल शीट में की गई स्टाइल घोषणाएँ, या ब्राउज़र में की गई स्टाइल घोषणाएँ (डिफ़ॉल्ट मूल्य)।
- पिछला पृष्ठ HTML
- अगला पृष्ठ Javascript
