Селектори, властивості і значення в CSS
Русский перевод: Селекторы, свойства и значения в CSS
Також як у HTML є теги, в CSS є “селектори”. Під селекторами слід розуміти імена, які описують стилі у внутрішніх і зовнішніх таблицях стилів. У цьому початковому керівництві по CSS ми зосередимося на HTML-селекторах, які представляють собою імена HTML-тегів і застосовуються для того, щоб змінити стиль даного тега.
У кожного селектора є властивості, які знаходяться всередині фігурних дужок. Приклади властивостей: color, font-weight, background-color.
За властивістю слідує знак двокрапки (не плутайте зі знаком рівності), а потім вказується значення цієї властивості. Кілька властивостей розділяються між собою крапкою з комою (;):
1
body {
2
font-size: 0.8em;
3
color: navy;
4
}
Цей код встановлює значення для властивостей font-size та color селектора body. У нашому випадку, стиль, застосований до HTML-документу, призведе до того, що текст сторінки (розміщений між тегами body) буде темно-синього кольору і розміром 0,8 em.
Довжина і відсотки
Значення, використовувані в CSS, можуть бути виражені в декількох одиницях вимірювання. Перш ніж ми підемо далі, давайте поглянемо на деякі найбільш поширені:
- em (наприклад,
font-size: 2em) – це одиниця вимірювання, яка визначає обчислюваний розмір шрифту. Наприклад, 2em вказує на те, що розмір повинен бути в два рази більше величини поточного шрифту. - px (наприклад,
font-size: 12px) — це одиниця вимірювання в пікселях. - pt (наприклад,
font-size: 12pt) — типографський пункт (1 / 72 дюйма, приблизно 0,35 мм). - % (наприклад,
font-size: 80%) – одиниця вимірювання у відсотках.
Серед інших одиниць вимірювання можна відзначити pc (піка = 4.512мм), cm (сантиметри), mm (міліметри) і in (дюйми).
Коли значення дорівнює нулю необхідності вказувати одиницю вимірювань немає. Наприклад, використовуючи border:0, ви вказуєте, що межі (рамки) бути не повинно.
Веб-сторінка – це динамічне, гнучке середовище. За своїм визначенням вона мінлива. Користувачі повинні мати можливість бачити сторінку так, як вони бажають, включаючи розмір шрифту і екрану. На загальну думку, “em” і “%” є найкращими одиницями вимірювань для шрифтів (а також, можливо, для вказівки висоти і ширини, з чим ми повинні будемо познайомитися в Просунутому керівництві по CSS). “px” в більшості браузерів не дозволяє змінювати розмір текстів. Це одиниця виміру не повинна використовуватися дуже часто (за винятком визначення розмірів кордонів).