CSS. Селекторы, свойства, значения

Познакомимся с основными инструментами CSS. Узнаем, что такое селекторы,свойства этих селекторов и значения свойств.

Итак, так же , как и у HTML есть теги, у CSS есть свои «селекторы». Селектором называются имена стилей, которые вы задаёте во внутренних и\или внешних таблицах стилей. В данной статье мы рассмотрим пока обычные «HTML-селекторы», то есть обычные теги, имена которых используются, как селекторы стилей для изменения дизайна HTML- элементов.

Итак мы поняли,что такое селектор, настало время поговорить об их свойствах. Свойства селектора определяются внутри фигурных скобок, сразу после объявления его имени\названия( как вам удобно). Свойствами селектора называются, ключевые слова,к которым присвоены определённые значения Так мы плавно подошли к значениям свойств. Значения свойств присваиваются при помощи двоеточия и разделяются точкой с запятой. Приведу пример селектора, его свойства и значения свойства:

p { color:green; }

Теперь рассмотрим этот пример. Определяется имя css селектора p, в котором определяется свойство -color (цвет), значение которого — green (зелёный). Если использовать этот стиль для HTML-документа,то текст во всех абзацах будет зелёного цвета.

Единицы измерения

В CSS существуют различные единицы измерения, специфичные для определённых свойств, но некоторые из них универсальны и используются во многих свойствах. Так что давайте рассмотрим их поближе.

em — размер шрифта. Например, «2em» (заданный шрифт будет в два раза больше шрифта по умолчанию)
px — пиксели;
pt — пункты;
% — проценты;
pc — пики;
cm — сантиметры;
mm — миллиметры;
in — дюймы;

!Отдельно хочется добавить, если значение равно 0, то не нужно указывать единицу измерения.

Ваш сайт не должен быть определённым по размеру( как я и говорил в предыдущей статье ). Он обязан быть «гибким». Это значит, что пользователь может просматривать его с любых устройств и браузеров, как ему вздумается. Например, размер шрифта должен быть читабелен на любом экране.

Поэтому рекомендуется использовать «em» или «%» в качестве единицы измерения, которые растягивают шрифт или размеры блока в зависимости от разрешения экрана устройства пользователя.

Вы можете оставить комментарий, или Трекбэк с вашего сайта.

ОЦЕНИТЕ ПОЛЕЗНОСТЬ СТАТЬИ

Оценка: 4,43 ( голосов: 7)
Loading...Loading...

ПОДЕЛИТЬСЯ ССЫЛКОЙ

Оставить комментарий

Return to Top ▲Return to Top ▲