УРОКИ CSS для начинающих. Базовый курс.


Урок 7. Свойства текста

Этот урок, как и предыдущий, скорей ознакомительный, чем практический. Здесь мы ассмотрим свойства текста. Это не то же самое, что шрифт.

Мы уже знакомы с двумя свойствами:

- text-align: left | right | center | justify - задает горизонтальное выравнивание текста: по левому краю (left), по правому краю (right), по центру (center), по обоим краям (justify).

- text-indent: [абсолютные единицы] | [проценты] - указывает отступы и выступы текста ("красная строка"). Значениями могут быть абсолютные единицы: px - логические пиксели, pt - логические пункты, em - единицы размера шрифта, cm - сантиметры, mm - миллиметры и проценты. Отступ определяет смещение первой строки абзаца вправо относительно его левого края. Если значение отступа отрицательно, то первая строка смещена влево относительно левого края абзаца, т.е. образуется выступ, например, text-indent: -3em.

Напомню, что, не смотря на множество различных единиц измерения, лучше ограничиться пикселями.

Кроме двух названных свойств для определения текста применяют следующие свойства:

- word-spacing: normal | [длина] - задает интервал между словами. По умолчанию - normal. Численное выражение указывает добавление к установленной по умолчанию величине интервала между словами, например word-spacing: 0.4em. Интервалы между словами могут зависеть от способа выравнивания абзаца.

- letter-spacing: normal | [длина] - определяет величину интервала между символами (буквами). По умолчанию - normal. Численное выражение указывает на добавление к установленной по умолчанию величине межбуквенных пробелов. Межсимвольные интервалы могут также зависеть от способа выравнивания абзаца.

- text-decoration: underline | overline | line-through | blink | none - задает такие параметры начертания, как:

underline - подчеркивание;

overline - надчеркивание;

line-through - зачеркивание;

blink - мерцание;

none - отмена ранее установленных атрибутов.

- text-transform: capitalize | uppercase | lowercase | none - определяет преобразование регистра текста при отображении (по умолчанию none):

capitalize - первая буква каждого слова преобразуется в заглавную;

upercase - все буквы преобразуются в заглавные;

lowercase - все буквы преобразуются в строчные;

none - отменяет установленные преобразования.

- line-height: normal | [число] | [длина] | [проценты] - задает высоту строки. По умолчанию - normal. Данное свойство определяет расстояние между базами двух смежных строк.

На этом перечень свойств текста я закончу. Собственно, для практического применения в "обычной жизни" этого достаточно. Я не рассматривал в этом и предыдущем уроках никаких практических примеров, т. к., считаю, применение данных свойств достаточно просто. При желании Вы можете самостоятельно познакомиться с другими свойствами текста, скачав Краткий справочник CSS.

Успехов. И до встречи на следующем уроке, где мы снова займёмся практикой>>>>>>>

Важно! Те уроки по CSS, что выложены на нашем сайте - это очень далеко не всё, что следует знать по каскадным таблицам стилей. К тому же, web-технологии постоянно развиваются! Поэтому рекомендую скачать бесплатно видеоуроки по CSS, в которых вы найдёте много нового, соответствующего современным стандартам сайтостроения.

P. S. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

Оставьте свой отзыв о статье:



Введите цифровой код с картинки*:

осторожно, мошенник!

Эта информация поможет сохранить вам деньги >>>

Рассылки

"Вокруг Сайта"
подпишитесь и получайте на свой e-mail уроки, книги, статьи, скрипты, а также подарки и скидки на товары, продаваемые с сайта

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

"PHP-песочница"
- PHP для начинающих: уроки с подробным анализом скриптов, необходимых для вашего сайта:

PHP-песочница
Подписаться письмом

Скачать видео

Разделы Сайта