Каскадные таблицы стилей (CSS)
Стиль Стилем называется набор элементов форматирования, который применяется к тексту документа, чтобы быстро изменить его внешний вид.
CSS Каскадные таблицы стилей (CSS) позволяет хранить цвет, размеры текста и другие параметры в стилях. Для хранения стилей, как правило, используется обычный текстовый файл c расширением. css Пример имени файла: styles. css
Пример связывания файла стилей в HTML-документ <html> <head> <link rel="stylesheet" type="text/css" href="styles. css"> </head> <body> ………. </body> </html>
Селекторы CSS Селекторами называются имена стилей, в которых указаны параметры форматирования. Селекторы делятся на несколько типов: n Селекторы тегов используются для определения стилей встроенных тегов HTML (имена совпадают с названиями тегов) Пример имен: H 1, A, BODY, TD, TR n Классы применяются для создания стилей, которые можно применять к любому тегу HTML (имена начинаются с точки и могут быть придуманы произвольно) Пример имен: . Hd 1, . A 1, . my. Table, . menu
Структура текстового файла стилей Имя стиля 1 { Свойство 1: значение; … Свойство N: значение; } Имя стиля 2 { Свойство 1: значение; … Свойство M: значение; } …
Пример структуры файла стилей body { font-family: Arial, Helvetica, Sans Serif; font-size: 11 px; color: #333333; font-family – семейство background-color: #ffffff; шрифтов; }. T 1 { font-family: Arial, Helvetica, Sans Serif; font-size: 11 px; color: #333333; font-weight: bold; font-style: italic; } font-size – размер шрифта (px); Color – цвет шрифта font-weight – начертание шрифта (параметр толщины) font-style – начертание шрифта (курсив и т. д) text-decoration - оформление шрифта (подчеркнутый и т. д. )
Пример использования стиля <p class= "t 1"> Текст </p>
Скачать презентацию Каскадные таблицы стилей CSS Стиль Стилем называется
10 класс 10-18 Каскадные таблицы стилей (CSS).ppt