Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

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

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 16 Окт 2014
Статья обновлена: 5 Фев 2016

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

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

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget