Способы включения CSS в (X)HTML.

Описание таблиц стилей может располагаться в отдельном файле с расширением CSS или непосредственно в (X)HTML-документе.

Таблицы стилей, размещаемые в (X)HTML-документе называют локальными, а хранящиеся в отдельных файлах – внешними.

Предпочтительнее использовать именно внешние таблицы стилей, поскольку они могут использоваться в нескольких (X)HTML-документах.

Имеется три основных способа применения CSS-стилей к (X)HTML-документу. Перечислим их в порядку предпочтения:

1. Подключение внешнего CSS-файла.

Существуют три способа применения таблиц стилей к (X)HTML-документе:

1. использование внешних таблиц стилей;

2. использование внутренних таблиц стилей;

3. использование встраиваемых стилей.

Место определения	Синтаксис
Внешний CSS-файл	<head> … <link rel="stylesheet" type="text/css" href="имя файла.css"> … </head>
Внешний CSS-файл	<head> … <style type="text/css" media="all">@import "имя файла.css"; </style> … </head>
В (X)HTML-файле	<head> … <style type="text/css"> body { color: red; } </style> … </head>
Непосредственно в теге	<p style="font-size: 21px; color: green;">Текста абзаца</p>

Типы селекторов.

В качестве селекторов (имен стилей) могут использоваться:

· универсальный селектор

· (X)HTML-теги;

· классы определяемые пользователем;

· идентификаторы, определяемые пользователем;

Дата добавления: 2015-03-14; просмотров: 467;