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

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

<घंटा/>

कैस्केडिंग स्टाइल शीट्स, स्तर 1 (सीएसएस1) दिसंबर 1996 में एक सिफारिश के रूप में डब्ल्यू3सी से बाहर आया था। यह संस्करण सीएसएस भाषा के साथ-साथ सभी एचटीएमएल टैग के लिए एक सरल दृश्य स्वरूपण मॉडल का वर्णन करता है।

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

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

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

  • मीडिया प्रश्न
  • नाम स्थान
  • चयनकर्ता स्तर 3
  • रंग

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


  1. कैसे ठीक करें CSS बैकग्राउंड-इमेज काम नहीं कर रहा है | एचटीएमएल/सीएसएस

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

  1. सीएसएस ओवरफ्लो-वाई

    सीएसएस ओवरफ्लो-वाई आपको यह तय करने की अनुमति देता है कि सामग्री के ऊपरी निचले किनारों के साथ क्या करना है। आप अतिप्रवाह-y गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>   &nbs

  1. सीएसएस के साथ तुलना तालिका कैसे बनाएं?

    CSS के साथ एक रिस्पॉन्सिव टेबल बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    table {       border-collapse: collapse; &nb