Каскадные таблицы стилей CSS


С чего начать работу? Структура HTML
Гиперссылки
Текстовые блоки
Форматирование и текстовые элементы
Списки
Объекты
Таблицы
Формы
Фреймы
Метатэги и служебные теги
Все теги по алфавиту
Каскадные таблицы стилей CSS
Кодирование цвета в HTML
Коды символов в HTML
MIME-типы


Каскадные таблицы стилей (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>



С чего начать работу? Структура HTML
Гиперссылки
Текстовые блоки
Форматирование и текстовые элементы
Списки
Объекты
Таблицы
Формы
Фреймы
Метатэги и служебные теги
Все теги по алфавиту
Каскадные таблицы стилей CSS
Кодирование цвета в HTML
Коды символов в HTML
MIME-типы


Студия web-дизайна "Webcreature" © 2015
+7 (905) 515-56-52
Rambler's Top100