Page 88 - 6859

Приклади CSS-правил:
a {text-decoration: none;}
p.announce {border: 1px dashed black;} / *
тут селектор - p.announce * /
p.note { display: block; / * оголошень може
бути кілька * /
float: right; / * і їх не обов'язково писати
на одному рядку * /
}
Кожне правило починається з селектора (покажчика), що
вказує на ті HTML-елементи, до яких ми збираємося застосувати
CSS-правило. У блоці оголошень встановлюються правила
оформлення обраних нами елементів, перевизначений їх
властивості - розміри, колір, бордюри, поля, положення на екрані і
т.д. Використовуються три основних види селекторів: HTML
селектори, селектори класу, ID селектори (або ідентифікатори)

HTML селектор

Це найпростіший випадок - в якості селектора ми
використовуємо ім'я HTML-елемента, який хочемо змінити.
Наприклад, для тега <STRONG> селектором буде STRONG.
Відповідно, для тега <H1> селектором буде H1, і так далі. Тепер
можемо перевизначити зовнішній вигляд всіх таких елементів в
нашому документі:
STRONG {font-weight: normal; color: red;}
H1 {font: bold 10pt verdana;}

Селектор класу

«Клас» - це деяке ім'я, яке ми можемо застосувати до будь-яких
HTML-тегів, щоб згодом посилатися на них по імені класу. Як ім'я
класу можна використовувати практично будь-який рядок.
Зручність таких селекторів в тому, що можна присвоїти одне ім'я
класу множині html-тегів у документі і потім управляти їх
зовнішнім виглядом, звертаючись до них по імені класу:

87