CSS (Cascading Style Sheets) एक stylesheet language है जिसका उपयोग HTML elements की design, layout और visual presentation को control करने के लिए किया जाता है। CSS की मदद से आप किसी website के colors, fonts, spacing, alignment, responsive layout और animations को आसानी से manage कर सकते हैं।
Simple शब्दों में समझें तो
- HTML website का structure बनाता है
- CSS उस structure को attractive और user-friendly बनाता है
अगर HTML बिना CSS के हो, तो website सिर्फ plain text और basic layout में दिखाई देगी।
CSS क्यों जरूरी है
CSS का उपयोग करने से website design में कई फायदे मिलते हैं:
- Website का look professional बनता है
- Same CSS file को multiple pages में use किया जा सकता है
- Design और content अलग-अलग रहते हैं, जिससे maintenance आसान होता है
- Responsive design बनाना possible होता है (mobile, tablet, desktop)
- Page load speed बेहतर होती है
CSS कैसे काम करता है
CSS, HTML elements को select करके उन पर style apply करता है।
Example के तौर पर, आप यह define कर सकते हैं कि:
<h1>का color क्या होगा<p>का font size कितना होगा<div>की width और height क्या होगी
CSS rules browser को बताते हैं कि किसी particular HTML element को screen पर कैसे display करना है।
CSS का Basic Structure
CSS में एक rule तीन parts से मिलकर बनता है:
- Selector – किस HTML element पर style लगानी है
- Property – क्या change करना है (color, font-size, margin आदि)
- Value – property का actual value
Example:
p {
color: red;
font-size: 16px;
}इस example में सभी <p> elements का text color red और font size 16px हो जाएगा।
CSS का Use कहाँ किया जाता है
- Static websites
- Dynamic web applications
- WordPress themes और plugins
- Blogger templates
- Mobile-friendly और responsive layouts
Conclusion
CSS web design का एक core part है। HTML सीखने के बाद CSS सीखना जरूरी होता है, क्योंकि CSS के बिना modern और attractive website बनाना possible नहीं है।
अगले chapter में हम सीखेंगे CSS कैसे Add करें (How to Add CSS) और इसके अलग-अलग methods।