Каскадные таблицы стилей (CSS) Презентация 10 -12 Стиль

Каскадные таблицы стилей (CSS) Презентация 10-12

Стиль Стилем называется набор элементов форматирования, который применяется к тексту документа, чтобы быстро изменить его внешний вид.

CSS Каскадные таблицы стилей (CSS) позволяет хранить цвет, размеры текста и другие параметры в стилях. Для хранения стилей, как правило, используется обычный текстовый файл c расширением .css Пример имени файла: styles.css

Пример связывания файла стилей в HTML-документ ……….

Селекторы CSS Селекторами называются имена стилей, в которых указаны параметры форматирования. Селекторы делятся на несколько типов: Селекторы тегов используются для определения стилей встроенных тегов HTML (имена совпадают с названиями тегов) Пример имен: H1, A, BODY, TD, TR Классы применяются для создания стилей, которые можно применять к любому тегу HTML (имена начинаются с точки и могут быть придуманы произвольно) Пример имен: .Hd1, .A1, .myTable, .menu

Структура текстового файла стилей Имя стиля 1 { Свойство 1: значение; … Свойство N: значение; } Имя стиля 2 { Свойство 1: значение; … Свойство M: значение; } …

Пример структуры файла стилей body { font-family: Arial, Helvetica, Sans Serif; font-size: 11px; color: #333333; background-color: #ffffff; } .T1 { font-family: Arial, Helvetica, Sans Serif; font-size: 11px; color: #333333; font-weight: bold; font-style: italic; } font-family – семейство шрифтов; font-size – размер шрифта (px); Color – цвет шрифта font-weight – начертание шрифта (параметр толщины) font-style – начертание шрифта (курсив и т.д) text-decoration - оформление шрифта (подчеркнутый и т.д.)

Пример использования стиля

Текст