CSS Cascading Style Sheets. Структура css селектор { свойство1: значение1; свойство2: значение2; } - презентация

1 CSS Cascading Style Sheets

2 Структура css селектор { свойство1: значение1; свойство2: значение2; }

3 direction направление текста Значения: ltr rtl inherit

4 font характеристики текста Формат записи: font: [ font-style || font-variant || font-weight ] font-size[/line-height] font-family;

5 font-style начертание шрифта Значения: normal italic oblique inherit

6 font-variant представление строчных букв Значения: normal small-caps inherit

7 font-weight насыщенность шрифта Значения: bolder bold normal lighter

8 font-size размер шрифта Значения: абсолютные значения относительные значения проценты xx-small, x-small, small medium large, x-large, xx-large larger, smaller

9 line-height межстрочный интервал Значения: множитель абсолютные значения относительные значения проценты normal inherit

10 line-height межстрочный интервал

11 font-family тип шрифта Формат записи: font-family: [, ], [, ]

12 font-family тип шрифта Значения: название шрифта serif sans-serif cursive fantasy monospace

13 font-family тип шрифта

14 text-align горизонтальное выравнивание текста Значения: center justify left right inherit

15 text-align горизонтальное выравнивание текста

16 vertical-align вертикальное выравнивание Значения: baseline по базовой линии bottom по нижней части верхнего элемента middle средняя точка по базовой линии sub нижний индекс super верхний индекс text-bottom по нижнему краю строки text-top по верхнему краю строки top по верхней части верхнего элемента

17

18

19 text-decoration оформление текста Значения: blink мигающий line-through перечёркнутый overline надчёркнутый underline подчёркнутый none inherit

20 text-transform регистр букв Значения: capitalize Первые Буквы Заглавные lowercase нижний регистр uppercase ВЕРХНИЙ РЕГИСТР none inherit

21 text-indent отступ первой строки текста Значения: абсолютные значения относительные значения inherit

22 letter-spacing интервал между символами Значения: абсолютные значения относительные значения normal inherit

23 letter-spacing интервал между символами

24 word-spacing интервал между словами Значения: абсолютные значения относительные значения normal inherit

25 list-style оформление маркеров списков Формат записи: list-style: list-style-type || list-style-position || list-style- image

26 list-style-type вид маркера Значения: none без маркеров circle кружок disc точка square квадрат decimal арабские цифры (1, 2, 3, …) upper-roman римские цифры (I, II, III, IV, …) lower-roman римские цифры (i, ii, iii, iv,...)

27 list-style-type вид маркера

28 list-style-position размещение маркера Значения: outside маркер за границей элемента inside маркер внутри элемента

29 list-style-position размещение маркера

30 list-style-image иконка для маркера Значения: url('marker.gif') из файла marker.gif none без иконки inherit

31 list-style-image иконка для маркера