CSS Tutorial - CSS Syntax & Selectors
📝 CSS Syntax
🌟 CSS Rule Structure:
selector { property: value; }
Jaise: h1 { color: red; }
🎯 Parts of CSS Rule
Anatomy
h1 {
color: blue;
font-size: 24px;
}
/* selector = h1 */
/* property = color, font-size */
/* value = blue, 24px */📊 Types of Selectors
| Type | Syntax | Example |
|---|---|---|
| Element | tagname | p { } |
| Class | .classname | .box { } |
| ID | #idname | #header { } |
| Universal | * | * { } |
⚠️ Class vs ID:
Class (.) = Multiple elements
ID (#) = Sirf ek element (unique)
Example
p { color: green; }
.text { font-size: 20px; }
#title { color: red; }