Глава 3. Стили css

Стиль – всё то, что определяет внешний вид Web-документа при его отображении в окне браузера.

Таблица стилей – это некоторая структура описания свойств элемента.

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

Главная идея каскадных таблиц стилей – разделить содержимое документа и его физическое представление.Таблицы стилей (так называемые Cascading Style Sheets – CSS) содержат описание формата части или всего текста, координаты расположения элементов и другие параметры.

Каскадные таблицы стилей – это стандарт W3C для создания представления Web-документов. Представлением (presentation) называется способ отображения или воспроизведения документа для пользователя на мониторе компьютера, дисплее мобильного телефона или путем чтения вслух средством чтения с экрана.

3.1. Преимущества css

Больший контроль над шрифтовым оформлением и раскладкой страницы

Можно применять традиционные возможности шрифтового оформления, которые недоступны для традиционного HTML.

Меньше работы

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

Потенциальное уменьшение размера документов

Избыточные теги font и вложенные таблицы делают документы громоздкими. Удаление из документа стилевого HTML позволяет уменьшить размер файла.

Потенциальное увеличение доступности документа

Хорошо структурированные и семантически наполненные документы доступны для более широкого диапазона устройств и людей. Методы, основанные на использовании стилевого (X)HTML, например применение элемента font для форматирования заголовков и разбиение материала при помощи сложных вложенных таблиц нарушают целостность исходного документа.

Стилевой HTML выходит из употребления

Консорциум W3C в спецификациях HTML и XHTML объявил устаревшими все элементы и атрибуты уровня представления. Наступит день, когда их поддержка браузерами станет необязательной.

CSS хорошо поддерживается

Почти каждый современный браузер поддерживает практически все компоненты спецификации CSS 1. Большинство также поддерживает большую часть требований рекомендаций версии 2 и 2.1. Существует ряд тормозящих развитие задержек, связанных с недостаточной поддержкой CSS в браузерах, которые требуют создания обходных путей.

Задание стиля обеспечивается с помощью и тега <STYLE> и атрибута STYLE . </STYLE>

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

Теги <STYLE> и </STYLE> используются внутри тегов заголовка файла <HEAD> и </HEAD>, а атрибут STYLE – в теге заголовка раздела (<H1>, <H2>, …, H6>), а также в теге <BODY>, в теге выделения фрагмента <DIV> и многих других.

Применение тега <STYLE>:

<HEAD> <STYLE>

Тег {свойство1: значение1; свойство2: значение2; …, свойствоN: значениеN}

</STYLE>

</HEAD>

Здесь в фигурных скобках через точку с запятой перечисляются свойства и их значения, причем между свойством и его значением ставится двоеточие. При этом тег, указываемый перед описанием в фигурных скобках, пишется без угловых скобок.

Как видим, задание правила состоит из 2-х частей: селектора и определения.

Селектор – имя любого тега HTML, класса, или идентификатор.