Значения CSS-свойств
Значений CSS-свойств по категориям
Значения CSS-свойств
В прошлом уроке мы рассмотрели основные CSS-свойства. В этом уроке мы изучим какими бывают значения у CSS-свойств.
Схема CSS-кода выглядит следующим образом:
имяТега {
CSS-свойство: значение;
}
Значения делятся на три вида:
1. Единица измерения,
2. Ключевое слово,
3. URL.
Единица измерения в значении CSS-свойства
Единицы измерения в основном используются в тех CSS-свойствах, которые требуют задания расстояний и размеров, например:
margin: 5px; — отступ равен 5 пикселям.
font-size: 17pt; — размер шрифта равен 17 пунктам.
Числа в единицах измерения, могут быть как целыми так и дробными. Дробные числа разделяются точкой ., например:
width: 60.5%;
В качестве единиц измерения, в основном выступают:
px — пиксели и
% — проценты.
Единицы измерения, могут быть как абсолютными так и относительными:
Пиксель px — абсолютная единица измерения.
Процент % — относительная единица измерения.
Числа, также могут быть использованы и при задании цвета в RGB-формате, где используется десятичный и шестнадцатеричный числовой код, например:
color: rgb(255, 0, 0); — красный цвет, задан в десятичном числовом коде.
color: #ff0000; — красный цвет, задан в шестнадцатиричном числовом коде.
Более подробно о задании цвета в RGB-формате с использованием десятичного и шестнацатеричного кода, можно прочитать в статье Задание цвета в языке CSS
Ключевое слово в значении CSS-свойства
Ключевое слово — это заранее определённое слово уже существующее в языке CSS: red, center, oblique, Arial и т.д., например:
color: green; — зелёный цвет,
text-align: justify; — равномерное выравнивание текста по левому и правому краям.
Значения green и justify являются ключевыми словами.
URL в значении CSS-свойства
URL используется для укзания адреса изображения. Изображение используется для того, чтобы сделать его фоном страницы или фоном элемента страницы (заголовка, абзаца, ссылки и т.д.), пример:
background-image: url(http://имяСайта/kartinka.jpg); — фоном должно стать изображение, находящееся по адресу http://имяСайта/kartinka.jpg
Читать далее: Способы внедрения CSS-кода