- •Вводные замечания
- •Возможности CSS
- •Возможности CSS
- •Возможности CSS
- •Способы внедрения стиля в HTML-документ
- •Способы внедрения стиля в HTML-документ
- •Свойства текста
- •Свойства текста
- •Свойства текста
- •Свойства текста
- •Свойства текста
- •Свойства цвета и фона
- •Свойства цвета и фона
- •Свойства цвета и фона
- •Свойства цвета и фона
- •Свойства шрифта
- •Свойства шрифта
- •Свойства шрифта
- •Свойства шрифта
- •Свойства блоков
- •Свойства блоков
- •Свойства блоков
- •Свойства блоков
- •Свойства блоков
- •Свойства списков
- •Свойства списков
- •Свойства списков
- •Псевдоклассы
Свойства блоков
padding-top, padding-right, padding- bottom, padding-left
Устанавливают ширину промежутка между содержимым элемента и определенным участком его границы
Пример
P {padding-top: 20px} padding
Свойства блоков
border-top-width, border-right-width, border-bottom-width, border-left-width
Устанавливают ширину рамки для определенной стороны. Рамка проходит между полем и остальной частью документа
Пример
P {border-top-width: 20px} border-width
Свойства блоков
border-top-color, border-right-color, border-bottom-color, border-left-color
Устанавливают цвет рамки для определенной стороны. Рамка проходит между полем и остальной частью документа
Пример
P {border-top-color: red} border-color
Свойства блоков
border-top-style, border-right-style, border-bottom-style, border-left-style
Устанавливают стиль рамки для определенной стороны. Рамка проходит между полем и остальной частью документа
Значения none hidden dotted dashed solid double groove rigde inset outset
Пример
P {border-top-style: dotted} border-style
Свойства списков
list-style-type
Определяет стиль маркеров или номеров списка
Значения
disc – маркер в виде диска
circle – маркер в виде окружности square – маркер в виде квадрата
decimal – списки, пронумерованные с помощью чисел
decimal-leading-zero – списки, нумерованные с помощью десятичных чисел с лидирующими нулями
lower-roman – с помощью строчных римских цифр
Свойства списков
list-style-type
Значения (продолжение)
upper-roman – списки, нумерованные с помощью заглавные римских цифр
lower-latin – строчные латинские ASCII символы
upper-latin – заглавные латинские ASCII символы
lower-greek – строчные греческие буквы
Свойства списков
list-style-image
Определяет изображение, которое будет использовано в качестве маркера списка
Значение – адрес (URL) изображения
Пример
UL {list-style-image: url(“1.gif”)}
Псевдоклассы
Для управления элементами, не имеющих собственных тегов
:link – ещё не посещённые ссылки :visited – посещенные ссылки :lang – определяет текущий язык
:first-line – первая строка форматируемого абзаца
:first-letter – первая буква абзаца
Пример
P:first-letter {font-weight: bolder}