CSS (Cascading Style Sheets)
वेब पेज की प्रस्तुति और लेआउट को नियंत्रित करने वाली स्टाइलशीट भाषा। CSS फ़ाइलें HTML एलिमेंट्स के रंग, फॉन्ट, स्पेसिंग, एनिमेशन और रेस्पॉन्सिव डिज़ाइन को परिभाषित करती हैं।
MIME Type
text/css
प्रकार
टेक्स्ट
संपीड़न
दोषरहित
लाभ
- + Separates presentation from content (HTML)
- + Powerful layout systems: Flexbox, Grid, and container queries
- + Custom properties enable theming and dynamic values
- + Media queries enable responsive design for all screen sizes
हानियाँ
- − Global scope can cause unintended style conflicts
- − Browser compatibility differences require testing
- − No native variables before custom properties (pre-2017)
.CSS कब उपयोग करें
वेब पेज स्टाइलिंग, रेस्पॉन्सिव डिज़ाइन, UI कम्पोनेंट लाइब्रेरी, ईमेल टेम्प्लेट, और ऐप्लिकेशन थीमिंग।
तकनीकी विवरण
CSS selector-property-value मॉडल और cascade/specificity नियमों का उपयोग करता है। आधुनिक फ़ीचर्स में Custom Properties (variables), Flexbox, Grid, Container Queries, @layer, :has() selector और nesting शामिल हैं। मीडिया क्वेरीज़ रेस्पॉन्सिव डिज़ाइन सक्षम करती हैं।
इतिहास
Håkon Wium Lie ने 1994 में CSS का प्रस्ताव दिया और W3C ने 1996 में CSS1 प्रकाशित किया। CSS2 (1998) ने पोज़िशनिंग और मीडिया टाइप जोड़े। CSS3 (2011+) मॉड्यूलर अप्रोच में Flexbox, Grid, कस्टम प्रॉपर्टीज़ और एनिमेशन जोड़े गए।
.CSS से रूपांतरित करें
.CSS में रूपांतरित करें
संबंधित फ़ॉर्मेट
संबंधित शब्द
Learn More
CSS Units Explained: px, em, rem, vh, and When to Use Each
CSS offers over a dozen length units, each suited to different situations. Understanding the differences between absolute and relative units …
JSON vs YAML vs TOML: Choosing a Configuration Format
Configuration files are the backbone of modern applications. JSON, YAML, and TOML each offer different trade-offs between readability, complexity, and …
Flexbox vs CSS Grid: A Practical Comparison
Flexbox and CSS Grid are complementary layout systems, not competitors. This guide clarifies when to reach for each one and …
How to Format and Validate JSON Data
Malformed JSON causes silent failures in APIs and configuration files. Learn how to format, validate, and debug JSON documents to …
Base64 Encoding: How It Works and When to Use It
Base64 converts binary data into ASCII text, making it safe for transmission through text-based systems. Learn when Base64 is the …
How to Create CSS Gradients: Linear, Radial, and Conic
CSS gradients create smooth color transitions without image files. Learn to build linear, radial, and conic gradients with precise control …