CSS — каскадные таблицы стилей

CSS — каскадные таблицы стилей

Cascading Style Sheets (CSS) — на наш родной язык это можно перевести, как «Каскады таблиц стилей» либо «Каскадные таблицы стилей», чаще используется второй вариант. Если разобраться в истории, первыми придумали таблицы стилей не дизайнеры, таблицы стилей довольно давно используются в издательских программах, которые могут управлять внешним видом и дизайном документа.

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

Именно они обеспечивают большее по сравнению с HTML управле ние форматированием содержимоrо сайта. Каскадность заключается в том, что форматиро вание имеет нисходящий характер, как водопад или каскад. (Наверное, разработчики CSS представляли себе поток воды…)

В предыдущем разделе описано три варианта добавления CSS на веб страницы. Сущест вует последовательность распознавания и применения . сss стилей браузером. Сначала текст форматируется стилем вepxнeгo уровня, который описан в . сss файле. Следующий уровень каскада это стиль, объявленный с помощью тeгa <STYLE>. В последнюю очередь форма тирование осуществляется уже внyтренними стилями. То есть последние имеют наивысший приоритет .

Осознав эту особенность CSS, можете считать, что уже ознакомились с селекторами. Ce лекторы  это просто названия элементов, форматирование которых меняет разработчик. Скажем, в предыдущих при мерах селектором являлся элемент H1. Если разработчик намерен изменить лишь отдельные атрибуты элементов, а не абсолютно все, нужно использовать классы и идентификаторы. Классы объявляют внyтри тегa <STYLE> в разделе <HEAD>, либо в отдельном css файле.

Синтаксис будет следующим:
<head>
<style>
.classl {color:blue}
.class2 {font family:Arial, Helvetica, sans serif}
</style>
</head>

Если классы определяются в отдельном . сss файле, то теги style и head не используются. Любой элемент с атрибутом class, значение котopoгo равно class1, будет отформати рован синим цветом, а элемент со значением атрибута class2 шрифтом Arial. (Или oд ним из шрифтов, указанных в порядке приоритета. Любая операционная система обязательно распознает хотя бы один из шрифтов. Поэтому высока вероятность тoгo, что разработчика удовлетворит полученный результат.)

В CSS классы объявляют с помощью точки, за которой следует имя класса. Для тoгo что бы обратиться к СSS классу, в НТМL- коде нужно просто удалить точку перед именем класса.

<h1 сlаss="сlаssl">Этот текст будет синеrо цвета.</h1>
<h2 сlаss="сlаss2">Этот текст будет отформатирован шрифтом Arial.</h2>