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

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

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


Дата: 28.09.2010 г.

Рейтинг: 0

Метки: css, программирование, web

Пошаговая инструкция:

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

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

    <head>

    <title>Тестовая страница</title>

    </head>

    <style>

    </style>

    <body>

    <h1 class="red">Красный заголовок</h1>

    <p class = "green">Текст статьи</p>

    </body>

    </html>


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

    .red {color: #FF0000;}

    .green {color:#00FF00;}

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




Похожие статьи: