Значения CSS-свойств

Значений CSS-свойств по категориям

Урок №4
Значения 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-кода


Дата публикации поста: 5 февраля 2016
Дата обновления поста: 16 октября 2014
Бесплатный хостинг от компании Бегет, для начинающих: beget.com/ru/hosting/free

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *