Синтаксис
Стили в документе HTML
Таблицы стилей можно всавлять непосредственно в документ HTML. Естественно, в этом случае она будет действовать только на данный документ. Таблица стилей помещается между тегами <style> и </style>, которые в свою очередь должны помещаться внутри тегов <head> и </head>.
Ниаписание самой таблицы стилей в данном случае ничем не отличается создания таблиц стилей в отдельных файлах.
Однако следует помнить, что старые браузеры, которых правда уже почти не осталось, пропустят незнакомый им тег <style> и выведут сами стилевые таблицы. Чтобы с этим бороться можно заключатьтаблицы стилей в комментарии HTML: <!-- и -->.
Этот вариант обладает своими недотатками. Во-первых, увеличивается размер файлов, а во-вторых, при большом количестве страниц существенно усложняется поддержка.
Пример документа со встроенной в него таблицей стилей:
<html>
<head>
<title>Таблица стилей в документе</title>
<style type="text/css">
<!--
H1 {color : red;
font-size : 32;}
div.italic {font-style : italic;}
body {background-color : gray;}
-->
</style>
</head>
<body>
<h1>Заголовок первого уровня</h1>
<div>Обычный текст</div>
<div class="italic">Наклонный текст</div>
</body>
</html>
Показываться этот файл будет приблизительно так.
Теги <style> можно применять и для подключения файлов таблиц стилей с помощью конструкции @import.
<style>
@import URL("http://your.server.net/style1.css");
</style>
|
