Цвет

Цвет линии, добавленной на веб-страницу через тег <hr>, по умолчанию отображается серого цвета и с эффектом объема. Такой вид линии не всегда подходит к дизайну сайта, поэтому понятно желание разработчиков изменить цвет и другие параметры линии через стили. Однако браузеры неоднозначно подходят к этому вопросу, из-за чего придется использовать сразу несколько стилевых атрибутов. В частности, браузер Internet Explorer для цвета линии применяет свойство color, а браузеры Firefox и Opera — background-color. Но это еще не все, при этом обязательно следует указать толщину линии (свойство height) отличной от нуля и убрать рамку вокруг линии, задавая значение none у свойства border. Собирая все параметры воедино для селектора HR, получим универсальное решение для популярных браузеров.

Для изменения цвета фона под текстом используется универсальное стилевое свойство background, которое следует добавить к селектору H1,..., H6.

Для изменения цвета фона применяется свойство background добавленное к селектору body, а для цвета текста используется свойство color.

Создайте новый класс (например, colortext) и установите для него стилевое свойство color с желаемым значением цвета. После чего выделение фрагмента текста происходит с помощью тега <span class="colortext">, класс которого совпадает с именем класса, созданным выше.

Удобнее всего воспользоваться стилевым псевдоэлементом :first-letter, добавляя его к селектору P. В стилях вначале указывается селектор, затем через двоеточие first-letter, после чего в фигурных скобках пишется свойство color и его значение.

В стилях можно использовать сокращенную форму шестнадцатеричного представления цвета. При этом запись #rgb трактуется как #rrggbb, иными словами #fc0 для браузера означает то же самое, что #ffcc00. Учтите, что сокращенная форма может применяться только в стилях, но никак не в параметрах тегов HTML (пример 1).