CSS ka Introduction

CSS ka full form hai Cascading Style Sheets. Ye ek language hai jo HTML pages ke look aur layout ko design karne ke liye use hoti hai.

CSS Kya Hai?

CSS aapko HTML documents ke elements ko visually style karne ka control deta hai, jaise colors, fonts, spacing, positioning, animations, aur responsive design banana.

CSS ka Importance

HTML sirf structure provide karta hai, jabki CSS us structure ki appearance define karta hai.
CSS se website ko attractive aur professional look mil sakta hai.
CSS alag stylesheet files me likha ja sakta hai jisse design ko ek jagah se manage karna asaan hota hai.
CSS responsive design me madad karta hai jisse website alag-alag devices pe acche se dikhai deta hai.

CSS kaise kaam karta hai?

CSS selectors aur properties ka use karke HTML elements ko style karta hai. Selector batata hai ki kis element ya elements ko style dena hai, aur properties jaise color, font-size, margin, etc. style define karte hain.

CSS likhne ke 3 tareeke

Inline CSS: Direct HTML element ke andar style attribute me likhna.
Internal CSS: HTML document ke <style> tag ke andar likhna.
External CSS: Alag .css file banakar usko HTML me link karna.

Basic CSS Example

<!DOCTYPE html>
<html>
<head>
  <style>
    p {
      color: blue;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <p>Yeh ek example paragraph hai.</p>
</body>
</html>

CSS Selector Example

Is example me, selector p ka matlab hai ki page ke sabhi paragraph elements ko style dena hai.

Aap aur kya seekhenge?

CSS Box Model
Selectors, Classes, IDs
Layout Techniques (Flexbox, Grid)
Responsive Design with Media Queries
Transitions, Animations

CSS seekhkar aap apne webpages ko sundar aur user-friendly bana sakte hain.