Каскадные таблицы стилей Назначение и применение CSS

Назначение CSS Курсивный текст Курсивный текст

Способы применения CSS Размещение в заголовке тега ; Размещение ссылки на внешнюю таблицу стилей через элемент ; Определение стиля в элементе разметки; Импорт описания стиля в документ.

H1{font-size:28pt} Учебное пособие

STYLE = … Размер шрифта равен 24

A {color:navy; text-decoration:underline;}

Синтаксис Selector[, selector[,…]]{atribute:value;…]} или Selector selector [selector …] {atribute:value;[atribute:value;…]}

Селектор – имя элемента разметки ИмяЭлемента{атрибут:значение} Пример: I, A {color:olive; font-style:normal}

Селектор – имя класса. tbl{font- family:Verdana,Arial,Helvetica; color:red; text-decoration:underline;} Тест

Селектор – идентификатор объекта a.mainlink { color:darkred; text-decoration:underline; font-style:italic; } #blue { color:# }... основная гипертекстовая ссылка модифицированная гипертекстовая ссылка

Наследование и переопределение

Это начало первого раздела, который сдвинут на 10 пикселов вправо относительно левого края параграфа и на 10 пикселов вниз относительно стандартной границы параграфа. Это начало второго раздела, который сдвинут относительно предыдущего раздела на 10 пикселов, а относительно параграфа на 20 пикселов. Данный раздел имеет красную строку с отступом в 10 пикселов и смещен относительно предыдущего раздела на 20 пикселов. первый элемент списка второй элемент списка Список сдвинут относительно второго раздела на 10 пикселов, а относительно текущего параграфа на 30 пикселов. Первая строка не является строкой начала параграфа, поэтому на нее отступ не распространяется (только в Netscape).

Наследование и переопределение