Использование CSS при создании своих web-страниц, крайне полезно, так как CSS позволяет увеличить читабельность кода и упрощает дальнейшие обслуживание и разработку web-страниц. К примеру, установив в одном месте цвет шрифта, в последующем, можно сменой одного значения на другое, перекрасить весь текст сайта без особых затрат.
Этот совет поможет вам установить цвет шрифта в CSS.
Для того, чтобы установить цвет шрифта в CSS, выполните следующие действия:
- Откройте Блокнот (или другой текстовый редактор или HTML-редактор) и наберите в нем следующий код:
Тестовая страница Красный заголовок
Текст статьи
В этом примере мы определяем цвет заголовков, поместив их в тег h1 с классом красного цвета ("red") и цвет текста, поместив его в тег p с классом зеленого цвета ("green"). - Добавим между и следующие строки:
.red {color: #FF0000;}
.green {color:#00FF00;}
Этими строками мы определяем стили red и green, которые мы используем при выводе заголовков и текста. - Сохраните этот код, нажав на Ctrl S и указав после имени файла (его можно сделать любым) его расширение - .html.
- Откройте, созданный вами файл, в любимом браузере и вы на экране увидите следующее: