Web-программирование. Работа с текстом в CSS

Подключение шрифтов CSS
Базовый пример подключения шрифта CSS:

Подключение шрифтов CSS
Допустим, вы желаете оформить текст шрифтом Verdana, а в качестве запасного установить шрифт Geneva. Записывается это таким образом:

Установка цвета для текста в CSS
Здесь нет ничего сложного: вам понадобится свойство color и значение того цвета, которым вы желаете окрасить текст:

Способы представления цветов
Шестнадцатеричные цвета (hex)
Для записи шестнадцатеричного значения используется 16 символов: арабские цифры от 0 до 9 и первые буквы латинского алфавита (A, B, C, D, E, F). Цвет в шестнадцатеричном формате записывается в виде трех двузначных чисел от 00 до FF (перед ними обязательно ставится символ решетки #), что соответствует трем компонентам: Red, Green, Blue (цветовая модель RGB). Иными словами, запись цвета можно представить как #RRGGBB, где первая пара символов определяет уровень красного, вторая – уровень зеленого, третья – уровень синего цвета.

Способы представления цветов
Цветовая модель RGB
Второй способ указания цвета в CSS – использовать десятичные значения RGB (Red, Blue, Green). Для этого необходимо записать после свойства color ключевое слово rgb, а затем в скобках и через запятую – три числа в диапазоне от 0 до 255, каждое из которых означает интенсивность красного, зеленого и синего цветов (r, g, b). Чем больше число, тем более интенсивен цвет. К примеру, чтобы получить ярко-зеленый цвет, нужно записать:

Способы представления цветов
Цветовая модель RGBA
Задать цвет в формате RGBA можно почти так же, как и в RGB. Отличие RGBA от RGB заключается в наличии альфа-канала, который отвечает за прозрачность цвета. Задается прозрачность с помощью числа в диапазоне от 0 до 1, где 0 соответствует полной прозрачности, а 1, наоборот, означает полную непрозрачность. Промежуточные значения вроде 0.5 позволяют задать полупрозрачный вид (допускается сокращенная запись, без нуля, но с точкой – .5). Например, чтобы сделать текст цветным и слегка прозрачным, нужно записать после свойства color ключевое слово rgba и значение цвета:

Жирный шрифт и курсив
Управлять жирностью шрифта в CSS можно с помощью значений свойства font-weight:

Жирный шрифт и курсив
Задать курсивное начертание шрифта можно при помощи значений свойства font-style:

Прописные и строчные буквы в CSS
Если по какой-либо причине вам необходимо изменить регистр букв в тексте веб-страницы, на помощь придет свойство CSS text-transform:

Подчеркивание, зачеркивание текста в CSS
Используя свойство CSS text-decoration, можно добавлять дополнительные эффекты для текста, такие как подчеркивание, зачеркивание, мигание.