С помощью CSS свойства color Вы можете изменять цвет текста HTML элементов. Цвет может быть задан следующими способами:
С помощью CSS свойства text-align Вы можете выровнять текст элемента по горизонтали. Текст может быть выровнен:
По центру (text-align: center);
По левому краю (text-align: left);
По правому краю (text-align: right);
По ширине (text-align: justufy).
С помощью CSS свойства text-decoration Вы можете сделать текст HTML элемента:
Свойство text-decoration: none; "очищает" текст от всех вышеперечисленных эффектов. Это может использоваться для создания не подчеркнутых ссылок.
С помощью CSS свойства letter-spacing Вы можете увеличивать или уменьшать отступ между буквами в тексте HTML элементов. p.ls1 {letter-spacing:10px;} С помощью свойства word-spacing Вы можете увеличивать или уменьшать отступ между словами в тексте HTML элементов. p.ws1 {word-spacing:15px;}
CSS свойство font-family позволяет устанавливать шрифт для текста HTML элементов.
Демонстрация шрифта Arial.
Демонстрация шрифта Arial Black.
Демонстрация шрифта Comic Sans MS.
Демонстрация шрифта Courier New.
Демонстрация шрифта Impact.
Демонстрация шрифта Times New Roman.
CSS свойство font-size устанавливает размер шрифта HTML элементов. Размер шрифта можно задать двумя способами:
Этот способ по сравнению со следующим удобнее, но его использование может привести к несоответствию при отображении одной и той же страницы в различных браузерах.
Данный способ позволяет задавать размер шрифта в абсолютных единицах таких как: пиксели (px) или проценты (%).
p.fz2 {font-size:30px;}
p.fz3 {font-size:13px;}
Данный способ помогает избежать проблем с несоответствием при отображении страницы в разных браузерах, так как все размеры устанавливаются относительно. Для задания размера шрифта данным способом используются единицы em. 1em эквивалентен размеру шрифта в браузере по умолчанию и равен 16px. Обратите внимание: W3C рекомендует для задания шрифта использовать именно этот способ.
p.fz2 {font-size:1.5em;}
p.fz3 {font-size:1.15em;}
Обратите внимание: не используйте свойство font-size для того, чтобы оформлять абзацы как заголовки. Всегда используйте для определения абзацев тэги p, а для заголовков h1-h6.
Свойство font-style позволяет сделать шрифт HTML элемента курсивным.
Свойство font-weight позволяет изменять толщину шрифта.
p.italic {font-style:italic;}
p.fz1 {font-weight:bold;}
В CSS существует группа свойств для оформления фона HTML элементов:
CSS свойство background-color позволяет установить цвет фона для выбранного элемента. Пример ниже делает цвет фона абзаца зеленым:
p {background-color:green;}
Цвет может быть задан следующими способами:
С помощью CSS свойства background-image Вы можете вставить произвольное изображение в качестве фона. По умолчанию, изображение будет повторяться пока не заполнит все содержимое элемента.
p {background-image:url('ancientblue.jpg');}
Обратите внимание: всегда тщательно подбирайте цвета. Фоновое изображение не должно сливаться с текстом. Повторяющееся изображение в качестве фона это не всегда, то что нужно.