Технология Microsoft ADO.NET



           

Что такое каскадные таблицы стилей (CSS)?


Для определения свойств текста в HTML-документе, таких как размер шрифта, стиль, начертание, цвет, используются атрибуты тегов, в которых указываются нужные параметры. Для нескольких небольших страничек с уникальным дизайном применение атрибутов, относящихся к дизайну, вполне оправданно. Для крупных проектов, например, электронного журнала или портала новостей, где требуется соблюдать одинаковое оформление и иметь возможность быстро его заменять, возникает идея отделить содержимое страницы от его оформления. Это можно сделать с помощью таблиц каскадных стилей (Cascade Style Sheets, CSS). Для присвоения какому-либо элементу определенных характеристик необходимо один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который нужно оформить соответствующим образом, должен принять свойства описанного стиля. Эта концепция позволяет также сократить размер страницы - вместо многократного повторения заданного атрибута получаем всего лишь одно описание его стиля.

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

Существует четыре основных способа связывания HTML-документа и таблицы стилей.

  1. Связывание - одна таблица стилей используется для форматирования нескольких страниц.
  2. Внедрение - все правила таблицы стилей задаются непосредственно в самом документе.
  3. Встраивание в теги документа - изменяется форматирование конкретных элементов страницы.
  4. Импортирование - в один или несколько документов встраивается таблица стилей, расположенная на сервере.

Рассмотрим каждый из этих способов в отдельности.

  1. Связывание

    Запускаем Visual Studio .NET и создаем три HTML-страницы (см. рис. 10.3, шаблон HTML-Page), которые называем 1, 2 и 3. Затем создаем файл MyStyle.css, для которого выбираем шаблон Style Sheet (см.


    Содержание  Назад  Вперед