Подключение таблицы стилей
- Связанные Таблицы Стилей (из внешнего файла style.css);
- Глобальные Таблицы Стилей (находятся внутри страниц);
- Внутренние Таблицы Стилей (расположены в HTML-тэгах).
Связанные Таблицы Стилей
Для того, чтобы работал внешний файл CSS надо между тэгами <head> ... </head> прописать тэг <link>, в котором дать три атрибута:- href - показывает место расположения для таблицы стилей;
- type - тип (text/css);
- rel - связь (stylesheet).
<link href="style.css" type="text/css" rel="stylesheet">
Здесь правилом CSS указано, что файл style.css располагается в корневом каталоге сайта.
Применяется с целью придания для всех страниц на сайте единого стиля.
Глобальные Таблицы Стилей
Эти CSS-правила должны быть расположены в HTML-коде на самой странице между тэгами:<head> ... </head>
и обязательно заключаются в тэгах
<style type="text/css"> ... </style>.
Например:
<html>
<head>
<title>CSS Правило</title>
<style type="text/css">
...
</style>HTML
</head>
<body>
...
<body>
</html> Используется для создания стиля в нужном документе.Внутренние Таблицы Стилей
Данные правила CSS прописываются непосредственно в HTML-тэгах. Чтобы правила работали надо к тэгу дописать атрибут style, где и указать необходимые изменения:
<p style="...">Текст</p>
<div style="...">Текст</div>
Например:
<p style="text-align: justify; text-indent: 15px;"> Текст в абзаце </p>
В примере правилом CSS установлено выравнивание текста по ширине строки и начало абзаца с отступом (с красной строки).
Используется в нужном тэге. Практически никак не отличимо от типичных HTML-атрибутов.