Книга: HTML: Популярный самоучитель

Используемые таблицы стилей

Используемые таблицы стилей

В двух CSS?файлах помещены используемые таблицы стилей. В файле page.css находится таблица стилей, используемая для оформления текста страниц (плюс оформление основной таблицы страниц) (пример 14.9).

Пример 14.9. Содержимое файла page.css

/*

Определения стилей для таблицы, форматирующей страницу

*/

TABLE.main_table {width: 100%; border-style: none;

background-color: green}

COL.info {width: 100px; background-color: rgb(180,255,200)}

COL.content {background-color: rgb(200,255,200)}

TR.copyright {background-color: green; color: white; text-align: right;

padding: 5; font-size: 3mm}

/*

Стили рецептов

*/

.process {font-size: 85%}

.products {font-style: italic; font-size: 85%}

/*

Прочие стили разметки

*/

H1 {text-align: center}

В файле menu.css находится таблица стилей, используемая для оформления пунктов меню и рецептов (пример 14.10).

Пример 14.10. Содержимое файла menu.css

/*

Стиль строки меню и ее пунктов

*/

.menu_line {border-style: none; background-color: green;

width:100%; text-align: center}

.main_item {background-color: green}

.main_selected {background-color: magenta}

A.main_href {color: rgb(230,230,230); text-decoration: none;

font-family: "times new roman"}

/*

Стиль пунктов меню

*/

.item {background-color: rgb(230,230,230)}

.selected {background-color: magenta}

A.main_href {}

/*

Стили отображаемого и спрятанного меню

*/

.menu {border-style: solid; border-width: 1px;

visibility: visible; position: absolute;

background-color: rgb(230,230,230); border-color: black}

.hidden {display: none}

/*

Определение стилей для разворачиваемых элементов exp – класс элемента, при щелчке кнопкой мыши на котором будет показан соответствующий элемент класса expbody

*/

.exp {background-color: rgb(150, 255, 200)}

.exp_ref {text-decoration: none; font-weight: bold}

.expbody {display: block; background-color: rgb(150, 255, 150)}

.exp_hidden {display: none}

В приведенных таблицах стилей использовано небольшое количество настроек, чтобы слишком не увеличивать размер таблиц.

Оглавление книги


Генерация: 1.160. Запросов К БД/Cache: 3 / 1
поделиться
Вверх Вниз