CSS म्हणजे काय?
Introduction to CSS
CSS म्हणजे Cascading Style Sheets. हे एक stylesheet language आहे जे HTML elements चे visual presentation define करते — म्हणजे webpage कसे दिसेल ते. CSS शिकण्यापूर्वी HTML येणे गरजेचे आहे.
"Cascading" म्हणजे काय?
"Cascading" म्हणजे जेव्हा एकाच element वर multiple CSS rules apply होतात तेव्हा कोणता rule जिंकेल हे ठरवणे. Specificity (rule किती specific आहे) आणि Inheritance (parent कडून child ला styles मिळणे) — या दोन गोष्टी यात involve असतात.
Marathi Analogy
📖 Analogy: Plain text मध्ये लिहिलेले पुस्तक आणि color photos, headings, spacing असलेले पुस्तक — दोन्हींमध्ये same माहिती असते पण दुसरे वाचायला खूप सोपे आणि attractive असते. HTML म्हणजे plain text, CSS म्हणजे त्याचे design.
CSS का वापरतात? — 5 कारणे
- ▸Visual Enhancement: Plain HTML ला professional, colorful webpage मध्ये convert करते
- ▸User Experience: Navigate करायला सोपे, intuitive interface बनवते
- ▸Responsive Design: Mobile, tablet, desktop — सगळ्या screens वर व्यवस्थित दिसते
- ▸Interactivity: Hover effects, transitions, animations — JavaScript शिवाय
- ▸Reusability: एका CSS file ने multiple pages style करता येतात
CSS चे Features
- ▸HTML आणि XML documents style करते
- ▸Responsive design साठी — different screen sizes handle करते
- ▸Interactive effects आणि animations support करते
- ▸Version numbers नाहीत — continuously update होत राहते (CSS3, CSS4 अशी modules आहेत)
- ▸Styles reusable आहेत — एक rule हजार pages वर apply होतो
Quick Exercise: कोणतेही webpage उघडा → Right-click → "Inspect" → एखादा element select करा → उजव्या बाजूला त्याचे CSS rules दिसतील!
CSS चे जनक Håkon Wium Lie आहेत. सुरुवातीला websites फक्त researchers साठी होत्या — design matter करत नव्हते. Internet popular झाल्यावर design साठी CSS आले.
✅ Key Points — लक्षात ठेवा
- ▸CSS = Cascading Style Sheets — HTML ला कसे दिसेल ते define करते
- ▸"Cascading" = conflicting rules मधून योग्य rule निवडणे
- ▸HTML = Structure | CSS = Styling | JS = Interactivity
- ▸Responsive design, animations — सगळे CSS मध्ये शक्य
- ▸CSS शिकण्यापूर्वी HTML येणे गरजेचे