- •Вводные замечания
- •Возможности CSS
- •Возможности CSS
- •Возможности CSS
- •Способы внедрения стиля в HTML-документ
- •Способы внедрения стиля в HTML-документ
- •Свойства текста
- •Свойства текста
- •Свойства текста
- •Свойства текста
- •Свойства текста
- •Свойства цвета и фона
- •Свойства цвета и фона
- •Свойства цвета и фона
- •Свойства цвета и фона
- •Свойства шрифта
- •Свойства шрифта
- •Свойства шрифта
- •Свойства шрифта
- •Свойства блоков
- •Свойства блоков
- •Свойства блоков
- •Свойства блоков
- •Свойства блоков
- •Свойства списков
- •Свойства списков
- •Свойства списков
- •Псевдоклассы
Свойства текста
word-spacing
Определяет интервалы между словами Например
P {word-spacing: 4mm}
Свойства цвета и фона
color
Определяет цвет текста
Примеры
P {color: green}
TD {color: rgb(22, 255, 22)}
Свойства цвета и фона
background-color
Определяет цвет фона элемента
Примеры
P {background-color: green}
TD {background-color: rgb(22, 255, 22)}
Свойства цвета и фона
background-image
Определяет фоновое изображение элемента
Пример
body {background-image: url(“pic.gif”)}
Свойства цвета и фона
background-repeat
Определяет направление, по которому экран будет заполняться копиями фонового изображения
Значения
repeat – фоновое изображение повторяется по горизонтали и по вертикали (по умолчанию)
repeat-x – фоновое изображение повторяется только по горизонтали
repeat-y – фоновое изображение повторяется только по вертикали
Пример
body {background-repeat: repeat-x}
Свойства шрифта
font-family
Определяет семейство шрифта, используемое в тексте элемента. Если перечислено несколько семейств (через запятую), то приоритет определяется порядком их следования в перечислении.
Пример
BODY { font-family: Baskerville, "Heisi Mincho W3", serif, arial, times}
Свойства шрифта
font-style
Определяет начертание шрифта
Значения italic – курсив
oblique – наклонное начертание
Пример
TD {font-style: italic}
Свойства шрифта
font-weight
Определяет толщину шрифта
Значения normal bold bolder lighter
100-900 (100 – lighter; 900 – bolder; 400 – normal)
Пример
H1 {font-weight: bolder}
Свойства шрифта
font-size
Определяет кегль (высоту символов) шрифта
Значения
Задаются в пунктах (пт), или в процентах от базового значения, или
xx-small small medium large x-large xx-large
Примеры
P {font-size: 14pt}
Свойства блоков
margin-top, margin-right, margin- bottom, margin-left
Устанавливают ширину поля для определенной стороны элемента
Пример
P {margin-top: 20px} margin
Body {margin: 30px 20px 10px 20px}