Макетом CSS

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

1 Создайте отдельную таблицу стилей CSS (для этого выберите меню ≪Файл≫ > ≪Создать≫, в столбце категорий выберите ≪Базовый≫, в столбце страницы ≪Базовый≫ выберите ≪CSS≫, затем нажмите кнопку ≪Создать≫).

2 В новой таблице стилей создайте правила, присваивающие атрибут display:block тем элементам страницы, которые должны отображаться как блоки макета CSS.

Например, для отображения цвета фона параграфов и пунктов списка можно создать таблицу стилей со следующими правилами.

p{

display:block;

}

li{

display:block;

}

3 Сохраните файл.

4 В представлении ≪Дизайн≫ откройте страницу, к которой хотите прикрепить новые стили.

5 Выберите меню ≪Формат≫ > ≪Стили CSS≫ > ≪Время разработки≫.

6 В диалоговом окне ≪Таблицы стилей времени разработки≫ нажмите на кнопку со знаком ≪Плюс≫ (+) над текстовым полем ≪Показывать только во время разработки≫, выберите только что созданную таблицу стилей и нажмите кнопку ≪ОК≫

7 Нажмите кнопку ≪ОК≫, чтобы закрыть диалоговое окно ≪Таблицы стилей времени разработки≫.

Теперь таблица стилей прикреплена к документу. Если таблица стилей была создана с использованием

предыдущего образца, всем параграфам и элементам списка в ней будет задан атрибут display:block, что позволит включать и отключать вспомогательные элементы блока макета для параграфов и элементов списка.