Типы стилей
Типы стилей CSS
Встраивание (inline)
Типы, вариации, описания стилей можно встроить в различные теги html, для которых стиль имеет смысл, например:
для объявления абзацев, заголовков, ячеек таблицы и т.д.
В следующем примере демонстрируется дескриптор - (тег) объявления абзаца с добавлением к нему атрибута STYLE, для получения необходимого эффекта.
<p style="color: red"> текст красного цвета </p>
Внедрение (embed), обеспечивающее контроль над страницей HTML.
Использование дескриптора <STYLE> в пределах раздела <HEAD> страницы позволяет детально описать атрибуты, применяемые ко всей странице стиля.
<html>
<head>
<style>
<! --
p{color: red}
-->
</style>
</head>
<body>
<p>текст красного цвета</p>
</body>
</html>
Связанные (link) стили, называемые также внешними, являются развитием внедренных стилей.
При этом используется тот же дескриптор STYLE, что и ранее, но все описания хранятся в отдельном файле (обычно с расширением .css).
Сам файл либо должен располагаться в корневом каталоге узла, либо вы должны корректно определить связь с ним в HTML-документах.
<html>
<head>
<link rel="stylesheet" href="/style.css" type="text/css" >
</head>
<body>
<p>текст красного цвета</p>
</body>
</html>
style.css должен содержать:
p{color: red}