Цвет текста при помощи css

Свойство color используется для задания цвета текста. color может быть задано как:

• name — имя цвета, например «green»
• RGB – значение RGB, например «rgb(0, 255, 0)»
• Hex — шеснадцатиричное значение, например «#00ff00″

Значение цвета текста всей страницы по-умолчанию задаётся в body.

Пример:

body {color:black}
h1 {color:#0000ff}
h2 {color:rgb(0, 255, 0)}

Выравнивание текста с помошью css

Свойство text-align используется для задания горизонтального выравнивания текста.
Текст может быть выровнен по центру (center), или по левому краю (left) или по правому (right), или по ширине (justify).
Если текст выравнивается по ширине, то в текст добавляются пробелы, что бы все строки были одинаковой ширины. Наиболее читабельный вариант для больших объёмов текста — это выравнивание текста по левому краю.

Пример

 h2 {text-align:center} 
p.author {text-align:right} 
p.text {text-align:justify}

Подчёркивание текста

Свойство css text-decoration используется для задания или удаления подчёркивания текста. Например, используя text-decoration можно удалить подчёркивание ссылок:

a {text-decoration:none}

Возможные значения:

• blink Устанавливает мигающий текст. Такой текст периодически, примерно раз в секунду исчезает, потом вновь появляется на прежнем месте (пример).
• line-through Создает перечеркнутый текст (пример

  ).

• overline Линия проходит над текстом (пример).
• Underline Устанавливает подчеркнутый текст (пример).
• none Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию.

Свойство text-transform

Свойство css text-transform используется для изменения регистра символов. Если значение отлично от none, то текст преобразуется в верхний регистр значением uppercase, к нижнему регистру значением lowercase или все слова начинаются с заглавной буквы при заданном значении capitalize.

Пример

.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}
.capitalize {text-transform:capitalize}

Свойство css text-indent css.

Задаёт значение отступа первой строки блока текста (например, для параграфа P), на остальные строки это свойство css не влияет. Можно использовать отрицательное значение для создания выступа первой строки, но нужно быть осторожными т.к., текст может выйти за пределы окна браузера.

Пример

p {text-indent:20px}

css, вёрстка, текст css