Вложенные стили

Группу стилей CSS можно поместить непосредственно в документ XHTML, между тегами head, - это будут вложенные стили (или стили страницы). Вложенные стили работают следующим образом:

<head>
<title>Inline Styles example</title>
<meta http-equiv="Content-type" content="text/html; charset=iso8859-1" />
<meta http-equiv="Content-Language" conten="en-us" />
<style type="text/css">
/* <![CDATA[ */
h1 { font-size: 16pt; font-weiqht: bold; }
p { color:blue;}
/* ]]> */
</style>
</head>

Тег style указывает браузеру, что после него следует код CSS, а не XHTML. Если вы хотите добавить JavaScript, укажите для тега style атрибут "text/javascript".

Вот некоторые замечания о вложенных стилях:
• область действия вложенных стилей ограничена страницей, содержащей их;
• если ваш сайт состоит из одной единственной страницы, можно использовать вложенные стили, но в этом случае вы не отделите содержимое от презентации, так как и код и стили содержатся в одном документе;
• при разработке страниц, особенно со сложной разметкой, можно вначале указать стили как вложенные, чтобы при отладке не переключаться между двумя файлами: таблицей стилей и кодом страницы; однако после отладки следует перенести вложенные стили в отдельный файл CSS;
• вложенные стили имеют приоритет перед глобальными, но уступают линейным.




Rambler's Top100