CSS Cascading Style Sheets среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г. - презентация

1 CSS Cascading Style Sheets среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.среда, 11 декабря 2013 г.

2 Подключение CSS Внутренние листы стилей: Внешние листы стилей: Комбинированный вариант:

3 Синтаксис правил селектор { свойство_1: значение_1; свойство_2: значение_2; … свойство_N: значение_N; }

4 Разновидности селекторов селекторы типов элементов селекторы атрибутов селекторы уникальных элементов селекторы классов селекторы псевдоклассов селекторы псевдоэлементов сложные селекторы

5 Примеры селекторов * { } h1 { } XHTML: … CSS:div#header { } XHTML: … CSS:p.comment { }

6 Псевдоклассы и псевдоэлементы Псевдоклассы: link visited active hover focus first-child Псевдоэлементы: first-line first-letter before after E:псевдоэлемент E:псевдокласс

7 Селекторы атрибутов E[attr] E[attr=value] E[attr~=value] E[attr|=value]

8 Сложные селекторы E, F E F E > F E + F

9 Блочная модель Content Margin Border Padding Top RightLeft Bottom

10 Виды позиционирования position: static relative absolute fixed z-index