CSS چیست، نحو و اتصال

HTML اسکلت می‌سازد؛ CSS ظاهر — رنگ، فونت، فاصله، چیدمان — را کنترل می‌کند.

ساختار یک قانون

selector {
    property: value;
}
h1 { color: #22d3ee; font-size: 2rem; }

سه راه افزودن

<!-- inline (توصیه نمی‌شود) -->
<p style="color: red;">متن</p>

<!-- داخلی -->
<style> p { color: red; } </style>

<!-- خارجی (بهترین) -->
<link rel="stylesheet" href="style.css">

روش خارجی: جدایی استایل از محتوا، اشتراک بین صفحه‌ها، کش‌شدن (سرعت).

کامنت

/* این یک کامنت است */

معنی «Cascading»

وقتی چند قانون به یک عنصر می‌رسند، اولویت تصمیم می‌گیرد: inline > id > class > tag؛ و قانون بعدیِ هم‌سطح، قبلی را بازنویسی می‌کند.

در پلی‌گراند پایین، CSS را تغییر بده و زنده ببین.