CSS एडवांसमेंट

आवश्यक जानकारी

आगे बढ़ने से पहले, आपको नीचे दिए गए ज्ञान के बारे में बुनियादी जानकारी होनी चाहिए:

  • HTML
  • XHTML

यदि आप इन परियोजनाओं को पहले से ही सीखना चाहते हैं, तो इस पर जाएं होमपेज संबंधित ट्यूटोरियलों को देखें।

CSS समीक्षा

  • CSS की व्याख्या स्टैकिंग स्टाइलशीट (CSS) है (Cascading Style Sसीएसएस (सीएसएस)
  • स्टाइल डिफ़ाइनकैसे दिखाना है HTML एलीमेंट
  • स्टाइलों को आमतौर परस्टाइलशीटमें
  • HTML 4.0 में स्टाइल जोड़ने का उद्देश्यसामग्री और प्रदर्शन के अलगाव की समस्या को हल करता है
  • एक्सटर्नल स्टाइल शीटबहुत ही कार्यकारीता को बढ़ा सकती है
  • बाहरी स्टाइलशीट आमतौर पर CSS फ़ाइलमें
  • बहुत से स्टाइल डिफ़ाइन देता हैस्टैकिंगसंकेत के लिए

स्टाइल एक सामान्य समस्या को हल करता है

HTML टैग पहले से ही दस्तावेज़ सामग्री को परिभाषित करने के लिए डिजाइन किए गए थे। <h1>、<p>、<table> जैसे टैगों के इस्तेमाल से HTML का उद्देश्य "यह शीर्षक है" "यह पैराग्राफ है" "यह तालिका है" जैसी सूचनाएं प्रकट करना है। साथ ही, दस्तावेज़ का डिजाइन ब्राउज़र द्वारा संपन्न करा जाता है, न कि किसी भी फॉर्मैटिंग टैग के इस्तेमाल के बिना।

दो प्रमुख ब्राउज़र (नेटस्केप और इंटरनेट एक्सप्लोरर) ने निरंतर नए HTML टैग और विशेषताओं (जैसे कि फ़ॉन्ट टैग और रंग विशेषता) को HTML मानक में जोड़ा, इससे डॉक्यूमेंट की सामग्री को सामग्री के प्रदर्शन से स्वतंत्र रूप से स्पष्ट करना बहुत मुश्किल हो गया

इस समस्या को हल करने के लिए, वेब वर्ल्ड लिंक (W3C), यह एक गैर-लाभकारी मानकीकरण गठबंधन, HTML मानकीकरण के लिए जिम्मेदार है और HTML 4.0 के अलावा स्टाइल (स्टाइल) का निर्माण कर दिया है

सभी प्रमुख ब्राउज़रों ने स्टैकिंग स्टाइलशीट को समर्थित किया है

स्टाइलशीट कार्यकारीता को बहुत ही अधिक बढ़ा देती है

स्टाइलशीट HTML एलीमेंट को कैसे दिखाना है, वैसा ही कि HTML 3.2 के फ़ॉन्ट टैग और रंग विशेषता जैसे रूप से काम करते हैं। स्टाइलों को आमतौर पर बाहरी .css फ़ाइल में संग्रहीत किया जाता है। एक साधारण CSS डॉक्यूमेंट को संपादित करने के द्वारा बाहरी स्टाइलशीट आपको एक साथ साइट में सभी पृष्ठों के डिजाइन और आकृति को बदलने की क्षमता प्रदान करती है।

चारणि कि कई पृष्ठों के शैली और डिजाइन को साथ-साथ नियंत्रित करने की अनुमति है, CSS वेब डिजाइन क्षेत्र में एक ब्रेकथ्रू कहा जा सकता है। वेबसाइट डेवलपर के रूप में आप प्रत्येक HTML एलीमेंट के लिए शैली निर्धारित कर सकते हैं और इसे आप चाहते होने वाले किसी भी संख्या के पृष्ठों में लागू कर सकते हैं। यदि पूर्ण रूप से अद्यतन करना है, केवल शैली को बदलने की आवश्यकता है, तो वेबसाइट में सभी एलीमेंट स्वचालित रूप से अद्यतन हो जाएंगे।

बहुत से स्टाइल एक बार कोच कर एक नई आभासी स्टाइल तालिका में शामिल होते हैं।

स्टाइल शीट स्टाइल सूचना को अनेक तरीकों से निर्धारित कर सकती है।स्टाइल एक अकेले HTML एलिमेंट में, HTML पृष्ठ के शीर्ष एलिमेंट में, या एक बाहरी CSS फ़ाइल में निर्धारित की जा सकती है।यहां तक कि एक ही HTML दस्तावेज़ के अंदर कई बाहरी स्टाइल शीटों को भी संदर्भित किया जा सकता है।

स्टाइलिंग ऑर्डर

जब एक ही HTML एलिमेंट को एक से अधिक स्टाइल डिफ़ाइनिंग दिया गया है, तो कौन सी स्टाइल का इस्तेमाल किया जाएगा?

सामान्यतया, सभी स्टाइल नीचे के नियम के अनुसार एक नए आभासी स्टाइल तालिका में शामिल होती हैं, जिसमें संख्या 4 सबसे अधिक प्राथमिकता रखती है।

  1. ब्राउज़र डिफ़ॉल्ट सेटिंग
  2. एक्सटर्नल स्टाइल शीट
  3. इंटरनल स्टाइल शीट (जो <head> टैग के अंदर है)
  4. इनलाइन स्टाइल (HTML एलिमेंट के अंदर)

तथापि, इनलाइन स्टाइल (HTML एलिमेंट के अंदर) सबसे अधिक प्राथमिकता रखते हैं, इसका मतलब है कि यह नीचे के स्टाइल घोषणाओं से प्राथमिकता रखेगा: <head> टैग में की गई स्टाइल घोषणाएँ, बाहरी स्टाइल शीट में की गई स्टाइल घोषणाएँ, या ब्राउज़र में की गई स्टाइल घोषणाएँ (डिफ़ॉल्ट मूल्य)।