
	карта сайта	индекс	поиск	помощь	info

13. CSS – КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ

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

Коробочная модель форматирования

Рис. 16. Коробочная модель форматирования (увеличить)

В качестве примера приведем форматирование двух абзацев текста при помощи стиля style1:

Стиль определяется в заголовке веб-страницы (тег <HEAD>). Форматирование тега выполняется при помощи атрибута class:

<p class="style1">Абзац 1</p>

Существует три способа задания стиля: в заголовочном файле при помощи тега <style>, как в предыдущем примере; в отдельном файле и внутри тега.

Если стили заданы в отдельном файле его необходимо подключить при помощи тега <link>:

Файл, содержащий стили, должен иметь расширение .css. Если необходимо задать стиль внутри тега, то он определяется при помощи атрибута style:

<p style="position:absolute;top:40;left:60;color:red">Абзац 3</p>

Механизм CSS позволяет переопределить теги HTML (как, впрочем, и любые другие теги), т. е. определить способ их отображения по умолчанию:

Для управления отображением гиперссылок используются так называемые псевдостили. Они позволяют определить вид непосещенной ссылки (a:link); ссылки, по которой пользователь уже совершал переход (a:visited), а так же вида ссылки, над которой находится курсор (a:visited) и активной ссылки (a:active):

a:link {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #CC0000;
text-decoration: underline;
background-color: #CCFFFF;
}

a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 22px;
font-style: italic;
font-weight: bold;
color: #FFFF00;
text-decoration: blink;
}

a:visited {
color: #660000;
}

a:active {
font-size: 18px;
color: #000099;
text-decoration: blink;
}

< предыдущая

оглавление

следующая >

Кто Вы?

Исследователь

Специалист

Управленец

Преподаватель

Студент

Аспирант

Другое

Результаты голосования