Как установить цвет шрифта в CSS

  • Дата статьи:
  • Автор:

Использование CSS при создании своих web-страниц, крайне полезно, так как CSS позволяет увеличить читабельность кода и упрощает дальнейшие обслуживание и разработку web-страниц. К примеру, установив в одном месте цвет шрифта, в последующем, можно сменой одного значения на другое, перекрасить весь текст сайта без особых затрат.

Этот совет поможет вам установить цвет шрифта в CSS.

Для того, чтобы установить цвет шрифта в CSS, выполните следующие действия:

  1. Откройте Блокнот (или другой текстовый редактор или HTML-редактор) и наберите в нем следующий код:



    Тестовая страница







    Красный заголовок



    Текст статьи







    В этом примере мы определяем цвет заголовков, поместив их в тег h1 с классом красного цвета ("red") и цвет текста, поместив его в тег p с классом зеленого цвета ("green").
  2. Добавим между и следующие строки:

    .red {color: #FF0000;}

    .green {color:#00FF00;}

    Этими строками мы определяем стили red и green, которые мы используем при выводе заголовков и текста.
  3. Сохраните этот код, нажав на Ctrl S и указав после имени файла (его можно сделать любым) его расширение - .html.
  4. Откройте, созданный вами файл, в любимом браузере и вы на экране увидите следующее: Как установить цвет шрифта в CSS




-->