Язык CSS
Свойства - текст.
Свойства текста позволяют задавать параметры слов и предложений, а также их взаимное расположение.
Text-decoration
Это свойство отвечает за оформление текста. Может принимать следующие значения:
none - у текста нет оформления;
underline - текст подчеркивается;
overline - текст надчеркивается линией, расположенной над текстом;
line-through - текст отображается зачеркнутым;
blink - текст становится мигающим (не работает в IE).
Достаточно распространенный прием: убрать подчеркивание у ссылок, а при наведении курсора подчеркивание будет снова появляться.
Попробуем на практике. Написать такую ссылку.
Проверим себя. В таблице стилей нужно написать:
a{
text-decoration:none}
a:hover{
text-decoration:underline}
Text-align
Это свойство отвечает за горизонтальное выравнивание текста. Может принимать следующие значения:
left - выравнивание по левому краю;
center - выравнивание по центру;
right - выравнивание по правому краю;
justify - выравнивание по ширине.
Практическое задание: В документе установить выравнивания элементов:
просто текст – по всей ширине,
заголовок – по центру,
ссылка – по правому краю,
третий параграф с идентификатором – по левому.
Text-indent
Это свойство отвечает за отступы в абзацах. Отступы задаются в единицах измерения и %, могут быть как положительными (красная строка), так и отрицательными (висячая строка).
Практическое задание: В параграфах документа установить красную строку в 1.2 ex.
Text-transform
Это свойство отвечает за видоизменение текста, точнее за смену регистра. Используются следующие значения:
capitalize - меняет первую букву каждого слова на заглавную;
uppercase - меняет все буквы на заглавные;
lowercase - меняет все буквы на строчные;
none - изменений не происходит.
Практическое задание: В параграфе с идентификатором
sn документа установить значение capitalize параметра text-transform,
в параграфе so – uppercase,
в параграфе si – lowercase.
Интервалы
В CSS есть несколько свойств, регулирующих расстояния между словами, буквами в словах и строками.
word-spacing - задает интервал между словами;
letter-spacing - задает интервал между буквами;
line-height - задает интервал между строками.
Значения этих свойств задаются в единицах измерения и %.
Практическое задание: В первом параграфе задать интервал между строками 30px,
во втором параграфе – 300%.
В следующем уроке мы начнем изучать большую тему под названием "Блоки в CSS".
Источники:
| ← Язык CSS. Шрифты и их свойства. | Язык CSS. Блоки CSS. → |