CSS قواعدی است که می‌گوید هر عنصر صفحه چه شکلی داشته باشد. اگر HTML اسکلت ساختمان باشد، CSS نقاشی، کاشی‌کاری و چیدمان مبل‌هاست. کلمه‌ی «آبشاری» (Cascading) اشاره دارد به اینکه وقتی چند قاعده با هم تعارض دارند، مرورگر طبق ترتیب و اولویت مشخصی یکی را انتخاب میکند.
یک مثال ساده#
h1 {
color: #1a5fb4;
font-size: 28px;
}این چند خط می‌گوید همه‌ی تیترهای سطح یک آبی و بزرگ باشند. اگر روزی بخواهید رنگ را عوض کنید، فقط همین یک جا را ویرایش می‌کنید و تمام صفحه‌های سایت تغییر می‌کنند.
چه کارهایی با آن می‌شود کرد#
- تعیین رنگ، فونت، اندازه و فاصله‌ی عناصر
- چیدمان صفحه با ابزارهایی مثل Flexbox و Grid
- راستبهچپ کردن صفحه برای فارسی با
direction: rtl - طراحی ریسپانسیو تا سایت روی موبایل و دسکتاپ درست دیده شود
- حرکت‌ها و انیمیشن‌های ساده، مثل تغییر رنگ دکمه هنگام رفتن موس روی آن
کجا با آن روبه‌رو می‌شوید#
وقتی در وردپرس رنگ هدر را از بخش سفارشی‌سازی تغییر می‌دهید، در واقع CSS تغییر میکند. قالب‌های آماده هم عمدتاً یک یا چند فایل CSS بزرگ دارند.
اشتباه رایج#
نوشتن استایل به‌صورت درون‌خطی روی تک‌تک عناصر، نگهداری سایت را سخت میکند. بهتر است استایل‌ها در یک فایل جدا و با نام‌گذاری منظم نگه داشته شوند تا تغییر ظاهر ساده بماند.