به دنیای جادویی CSS خوش اومدید! 🎨

تصور کنید یک خونه دارید. HTML ساختمون اصلی خونه هست (دیوارها، اتاق‌ها، درها). اما CSS چیه؟ CSS یعنی رنگ دیوارها، مدل مبل‌ها، فرش‌ها، پرده‌ها و هر چیزی که خونه رو زیبا و دلنشین می‌کنه!

CSS مخفف چیه؟

Cascading Style Sheets (شیوه‌نامه‌های آبشاری)

• ▹Cascading: یعنی مثل آبشار از بالا به پایین میریزه و اولویت‌بندی داره
• ▹Style: یعنی ظاهر و استایل
• ▹Sheets: یعنی برگه‌ها (فایل‌های CSS)

چرا به CSS نیاز داریم؟

بدون CSS، تمام سایت‌های دنیا شبیه یک سند متنی ساده می‌شدن (سفید، سیاه، بدون طراحی). CSS به ما قدرت میده که:

1. ▹رنگ‌ها و فونت‌ها رو تغییر بدیم
2. ▹المان‌ها رو جابجا کنیم و چیدمان خلق کنیم
3. ▹انیمیشن و افکت‌های جذاب بسازیم
4. ▹سایت رو در موبایل، تبلت و دسکتاپ زیبا نشون بدیم (Responsive)

خوش اومدید
این یک پاراگراف ساده است

h1 {
  color: #ff6b6b;
  font-size: 48px;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

p {
  color: #F1F5F9;
  font-family: Arial;
  line-height: 1.6;
}

تاریخچه کوتاه CSS

• ▹1996: CSS1 معرفی شد (رنگ‌ها و فونت‌های پایه)
• ▹1998: CSS2 اومد (positioning و z-index)
• ▹2011-الان: CSS3 (انیمیشن، گرادینت، Flexbox، Grid و...)

نسخه‌های مختلف CSS

امروزه وقتی میگیم CSS، منظورمون CSS3 هست که شامل قابلیت‌های مدرن مثل:

• ▹Animations & Transitions (انیمیشن‌ها)
• ▹Flexbox & Grid (سیستم‌های لی‌اوت قدرتمند)
• ▹Variables (متغیرها)
• ▹Custom Properties