базові положення
Стилі CSS складаються з правил. Правило CSS - вказівка стилю для тега або класу. У правилі вказується тег, для якого встановлюється стиль, який саме стильове свойтва тега ви хочете встановити (колір, позицію і т.д.) і значення це стильової властивості (ім'я кольору, координати і т.д.).
Рис.1. Звичайне правило CSS.
Синтаксис запису правила:
Приклад правила CSS:
Рис.2. Приклад правила CSS.
У цьому прикладі в якості селектора використовувався тег
. Це правило для всього документа задає колір фону в шістнадцятковому форматі.Імена властивостей CSS досить прості для розуміння і прочитавши їх практично завжди зрозуміло що вони визначають.
У прикладі нижче створено правило для тега
. оголошені синій колір, розмір 16pt і вирівнювання по центру.
Так як синтаксис таблиць CSS не чутливий до регістру, перенесення рядків і прогалин, то цей приклад можна записати так:
Подібний синтаксис дозволяє записувати файли таблиць стилів в зручному для розробника вигляді, максимально читабельно.
Форма запису правил
Така форма запису не надто зручна і погано читається. До того ж можна заплутатися в правилах, тому форма запису з позаминулого прикладу використовується набагато частіше.
У такому випадку, за стандартами CSS силу має запис, що йде нижче за кодом. У нашому прикладі вміст тега