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

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

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

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

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

5

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

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

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

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

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

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

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

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

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