مبانی CSS · ۹ دقیقه مطالعه

رنگ، واحد و تایپوگرافی

رنگ

color: #22d3ee;            /* هگز */
color: rgb(34,211,238);
color: rgba(34,211,238,.5);  /* با شفافیت */
color: hsl(187,85%,53%);

واحدها

واحد کاربرد
px ثابت (border)
rem فونت و فاصله (توصیه‌شده)
% عرض‌ها
vw/vh نسبت به صفحه

تایپوگرافی

body {
    font-family: Vazirmatn, sans-serif;
    font-size: 1rem;
    line-height: 1.8;   /* برای فارسی مهم */
}
h1 { font-size: 2.5rem; font-weight: 800; }

نکتهٔ فارسی

برای متن فارسی، line-height بزرگ‌تر (۱.۸ تا ۲) و فونت مناسب (Vazirmatn)، خوانایی را خیلی بهتر می‌کند.

🧪

خودت امتحان کن

اجرا در مرورگرِ خودت — امن

کد را تغییر بده و «اجرا» را بزن. این کد فقط در مرورگر خودت اجرا می‌شود.

برای ثبت پیشرفت و کسب XP وارد شو.

ورود به میدان
→ سلکتورها
پس‌زمینه و گرادیان ←