Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Основные свойства каскадных таблиц стилей.
|
|
| Таблица 16. | |
| Свойства фона и цвета | |
| Параметр | Значение |
| background-color | Цвет заднего плана |
| background-image | Изображение заднего плана |
| background-repeat | Дублирование изображения заднего плана. Значения: repeat |
| | repeat-x | repeat-y | no-repeat | |
| background-attachment | Фиксация изображения заднего плана. Значения: scroll | |
| fixed | |
| background-position | Начальное положение изображения заднего плана |
| Таблица 17. | |
| Свойства шрифта | |
| Параметр | Значение |
| font-style | Стиль шрифта. Значения: normal | italic |
| font-weight | Начертание шрифта. Значения: normal | bold |
| font-size | Размер |
| font-family | список имен шрифтов в порядке их приоритета |
| Таблица 18. | |
| Свойства текста | |
| Параметр | Значение |
| word-spacing | Установка промежутка между словами |
| letter-spacing | Установка высоты строки |
| text-indent | Установка абзацного отступа |
| text-align | Выравнивание текста |
| vertical-align | Установка вертикального выравнивания текста |
| text-decoration | Преобразование текста. Значение: none | [ underline || |
| overline || line-through || blink | |
| Таблица 19. | |
| Свойства полей и отступов | |
| Параметр | Значение |
| margin-top | Установка верхнего поля |
| margin-right | Установка правого поля |
| margin-bottom | Установка нижнего поля |
| margin-left | Установка левого поля |
| margin | Установка всех полей. Например: margin: 10px 10px 10px |
| 0px | |
| padding -top | Установка верхнего отступа |
| padding -right | Установка правого отступа |
| padding -bottom | Установка нижнего отступа |
| padding -left | Установка левого отступа |
| padding | Установка всех отступов. Например: padding: 10px 10px |
| 10px 0px | |
| Таблица 20. | |
| Свойства границ | |
| Параметр | Значение |
| border-width | Установка ширины границы |
| border-color | Установка цвета границы |
| border-style | Установка стиля границы. Значения: none | dotted | dashed | |
| solid | double |
Классы каскадных таблиц стилей.
Для увеличения гибкости контроля над элементами HTML используются классы, которые позволяют задавать различные стили для одного и того же тега. В таблицах стилей имя класса записывается после тега и отделяется от него точкой. Например:
P.green {color: #00FF00}
P.blue {color: #0000FF}
В HTML коде соответствие тега определенному классу указывается при помощи параметра class. Например:
< p class=”green”> Зеленый текст< /p> < p class=”blue”> Синий текст< /p>
|
|