Chapter 3CSS Tutorial~1 min read
CSS Syntax
Selector, Property, Value — CSS चा आराखडा
CSS rule-based structure follow करते. प्रत्येक rule मध्ये एक selector असतो आणि एक declaration block असतो. Declaration block मध्ये property-value pairs असतात.
CSS Syntax — General Format
css
selector {
property: value;
}- ▸Selector: कोणत्या HTML element ला style द्यायचे — h2, .classname, #id
- ▸Declaration Block: { } curly braces मध्ये — property-value pairs असतात
- ▸Property: कोणता style attribute — color, background-color, font-size
- ▸Value: त्या property ची specific setting — blue, 5px, bold
- ▸Semicolon (;): प्रत्येक property-value pair नंतर लावणे mandatory आहे
Single Property
css
h2 {
color: blue;
}Multiple Properties — Button चे उदाहरण
css
button {
color: white;
background-color: black;
border: transparent;
border-radius: 5px;
padding: 10px 20px;
font-size: 16px;
}💡
Best Practice: प्रत्येक property-value pair नंतर semicolon (;) नेहमी लावा. शेवटच्या property नंतर technically लागत नाही, पण सवयीसाठी नेहमी लावणे चांगले.
✅ Key Points — लक्षात ठेवा
- ▸CSS Syntax: selector { property: value; }
- ▸Selector — कोणाला | Property — काय | Value — कसे
- ▸{ } — declaration block, ; — pairs separate करतो
- ▸एका selector मध्ये अनेक properties लिहता येतात
0/16 chapters पूर्ण