- •Как в www задается местонахождение документа?
- •Понятие тега, виды тегов
- •Vlink - определяет цвет гиперссылок на документы, которые вы уже просмотрели.
- •Атрибуты тега br
- •Формат jpeg
- •Иерархическая структура
- •Многосвязная структура
- •Распределение материала
- •Структура каталогов
- •Value - изменяет порядок нумерации элементов списка. Используется, только если тэг li находится внутри элемента ol. В качестве значения указывается порядковый номер элемента.
- •Тема: Таблицы
- •Valign - должен определять способ вертикального выравнивания для содержимого таблицы. Возможные значения:
- •Valign - определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top bottom, middle.
- •Valign - определяет способ вертикального выравнивания содержимого ячейки. Возможные значения:
- •Virtual - перенос слов только отображается, на сервер же поступает неделимая строка.
- •Основные понятия и определения
- •Свойства текста
- •Границы и рамки
- •Свойства позиционирования
- •Визуальные свойства
- •3 Новосибирская компьютерная академия, курс web-мастер
Свойства текста
Кроме изменения параметров шрифтов, можно управлять и свойствами всего текста. Значения свойств приведены в таблице.
Свойство |
Значение |
Описание |
Пример |
line-height |
normal множитель значение % |
Интерлиньяж (межстрочный интервал) |
line-height: normal; line-height: 1.5; line-height: 12px; line-height: 120% |
word-spacing |
normal em |
Интервал между слов |
word-spacing:normal; word-spacing:3em |
letter-spacing |
normal значение |
Интервал между символами |
letter-spacing:normal; letter-spacing:3px; letter-spacing:4pt |
white-space |
normal pre nowrap |
Обработка пробелов |
white-space:nowrap |
text-decoration |
none underline overline line-through blink |
Убрать все оформление Подчеркивание Линия над текстом Перечеркивание Мигание текста |
text-decoration: none |
text-transform |
none capitalize uppercase lowercase |
Убрать все эффекты Начинать С Прописных ВСЕ ПРОПИСНЫЕ все строчные |
text-transform: capitalize |
text-align |
left right center justify |
Выравнивание текста |
text-align: justify |
text-indent |
значение % |
Отступ первой строки |
text-indent:15px; text-indent:10% |
Списки
С помощью CSS можно создать маркированные и нумерованные списки, а также использовать в качестве маркера любое изображение.
В таблице перечислены свойства элементов, предназначенных для создания и изменения списков.
Свойство |
Значение |
Описание |
Пример |
list-style |
disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none |
Вид маркера. Первые три используются для создания маркированного списка, а остальные - для нумерованного. |
list-style: circle; list-style: upper-alpha |
list-style-image |
none URL |
Устанавливает символом маркера любую картинку. |
list-style-image: url(check.gif) |
list-style position |
outside inside |
Выбор положения маркера относительно блока строк текста. |
list-style-position: inside |
Цвета
CSS имеет несколько опций для определения цвета текста и фоновых областей на веб-странице. Эти опции по работе с цветом не только заменяют аналогичные в простом HTML, но и дают массу новых возможностей. Например, традиционный путь для создания цветной области, заключается в применении таблицы. Стили позволяют отказаться от подобного использования таблиц предлагая более простые и удобные варианты управления цветом.
В таблице перечислены свойства элементов, предназначенных для задания цвета.
Свойство |
Значение |
Описание |
Пример |
color |
Цвет |
Устанавливает цвет текста |
color: #330000 |
background-color |
Цвет transparent |
Цвет фона Прозрачный |
background-color: #6699FF |
background-image |
URL none |
Фоновый рисунок |
background-image: url (bg.gif) |
background-repeat |
repeat repeat-x repeat-y no-repeat |
Повторяемость фонового рисунка |
background-image: url (bg.gif); background-repeat: repeat-y |
background-attachment |
scroll fixed |
Прокручиваемость фона вместе с документом |
background-image: url (bg.gif); background-attachment: fixed |
background-position |
Проценты Пикселы top center bottom left right |
Начальное положение фонового рисунка |
background-position: left top |