Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Часть 1 - HTML и CSS.doc
Скачиваний:
8
Добавлен:
20.07.2019
Размер:
821.25 Кб
Скачать

Свойства текста

Кроме изменения параметров шрифтов, можно управлять и свойствами всего текста. Значения свойств приведены в таблице.

Свойство

Значение

Описание

Пример

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