Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

CSS संस्करणों की तुलना


कैस्केडिंग स्टाइल शीट्स, लेवल 1 (CSS1) दिसंबर 1996 में W3C की सिफारिश के रूप में सामने आया। यह संस्करण CSS भाषा के साथ-साथ सभी HTML टैग्स के लिए एक सरल विज़ुअल फॉर्मेटिंग मॉडल का वर्णन करता है।

CSS2 मई 1998 में W3C की सिफारिश बन गया और CSS1 पर निर्माण करता है। यह संस्करण मीडिया-विशिष्ट स्टाइल शीट्स (जैसे प्रिंटर और ऑरल डिवाइस), डाउनलोडेबल फोंट, एलिमेंट पोजिशनिंग, और टेबल्स के लिए समर्थन जोड़ता है।

CSS3 जून 1999 में W3C की सिफारिश बन गया और पुराने संस्करणों CSS पर निर्माण करता है। इसे मॉड्यूल्स नामक दस्तावेज़ीकरण में विभाजित किया गया है और यहां प्रत्येक मॉड्यूल में CSS2 में परिभाषित नई एक्सटेंशन सुविधाएं हैं।

CSS3 CSS के पिछले संस्करणों (CSS2) का नवीनतम मानक है। CSS2 और CSS3 के बीच मुख्य अंतर इस प्रकार हैं:

  •  मीडिया क्वेरीज़
  •  नेमस्पेसेस
  •  सेलेक्टर्स लेवल 3
  •  कलर

CSS वेब पेज के लुक-एंड-फील भाग को संभालता है। CSS का उपयोग करके, आप टेक्स्ट के रंग, फॉन्ट की शैली, पैराग्राफ के बीच स्पेसिंग, कॉलम का आकार और लेआउट, बैकग्राउंड इमेज या रंग, लेआउट डिज़ाइन, विभिन्न डिवाइस और स्क्रीन आकार के लिए डिस्प्ले में विविधता, और कई अन्य प्रभावों को नियंत्रित कर सकते हैं।


  1. CSS background-image काम न करने को कैसे ठीक करें | HTML/CSS CSS background-image काम न करने को कैसे ठीक करें | HTML/CSS

    CSS में बैकग्राउंड इमेज के साथ काम करना मुश्किल हो सकता है। क्योंकि भले ही आप इसे कोड में सेट करें, अन्य कारक बैकग्राउंड-इमेज को पेज पर दिखने से रोक सकते हैं। इसमें मदद के लिए, यहां HTML और CSS का उपयोग करके आपके बैकग्राउंड-इमेज के काम न करने को ठीक करने के चार तरीके दिए गए हैं: 1. जांचें कि आपकी CS

  1. - CSS overflow-y प्रॉपर्टी

    overflow-y: लंबवत ओवरफ्लो नियंत्रण overflow-y प्रॉपर्टी निर्धारित करती है कि जब कंटेंट एलिमेंट के ऊपर-नीचे किनारों से बाहर निकल जाए तो क्या करना है। संभावित मान visible (डिफ़ॉल्ट) hidden scroll auto उदाहरण <!DOCTYPE html> <html> <head> <style> div {

  1. CSS से तुलना टेबल (कॉम्पेरिजन टेबल) कैसे बनाएं? CSS से तुलना टेबल (कॉम्पेरिजन टेबल) कैसे बनाएं?

    कॉम्पेरिजन टेबल में फीचर कॉलम बाएं, प्लान कॉलम दाएं होते हैं। nth-child(even) से वैकल्पिक पंक्ति रंग, पहले कॉलम लेफ्ट-अलाइन, बाकी सेंटर। रिस्पॉन्सिव नहीं है लेकिन साफ डिज़ाइन। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=