Каскадные таблицы стилей CSS
Каскадные таблицы стилей
(Cascading Style Sheets, CSS) позволяют хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.
Таким образом, изменив всего один параметр, можно поменять внешний вид и расположение сразу всех элементов одного вида, сразу на всех страницах сайта. Также использование стилей бывает удобно, когда возникает необходимость различного способа отображения web-страницы на разных устройствах, будь то монитор компьютера, КПК или принтер.
Существует несколько способов добавления
CSS стилей на web-страницу.
Таблицы связанных стилей
Данный способ является одним из самых гибких. Его особенностью является то, что стили в данном случае хранятся в отдельном файле, который может быть использован для любых web-страниц. Для подключения таблицы связанных стилей используется тег
<LINK> в заголовке страницы.
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
|
Таблицы глобальных стилей
Данный стиль определяется в самом документе и обычно располагается в заголовке web-страницы
<HEAD>. По своей гибкости и возможностям этот способ использования стиля уступает предыдущему, но также позволяет размещать все стили в одном месте. В данном случае, прямо в теле документа. Определение стиля задается тегом
<STYLE>.
<head>
<style type="text/css">
.lay1 {
padding: 2px;
}
h2 {
color: #333399;
font-size: 20px;
font-family: Arial;
}
</style>
</head>
|
Внутренние стили
Внутренние стили используются для определения способа отображения, применительно к одному элементу. Определение внутреннего стиля бывает удобно, когда возникает необходимость отклонения от общих заданных правил, определенных для группы элементов
Для определения стиля используется параметр
style, а его атрибуты указываются с помощью языка таблицы стилей.
<body>
<p style="color: #ff0000; font-weight: bold;">
Текстовый блок, к которому будут применяться стили</p>
</body>
|