Привет! В этой статье я расскажу о двух способах, с помощью которых вы сможете изменить цвет текста на странице вашего сайта. Так же на нашем сайте есть большой выбор красивых цветов, вы можете выбрать подходящий HTML цвет для своего сайта.
1 способ Через атрибут style
Атрибут style можно применить к любым html тегам. Для начала выберете подходящий цвет в формате NEX или RGB, например желтый и красный как в нашем примере. Далее у нас есть html код сайта, у тега p и div нам нужно изменить цвет
<html>
<head>
</head>
<body>
<p>Желтый цвет текста</p>
<div>Красный цвет текста</div>
</body>
</html>Для этого добавим атрибут style к нашим тегам как в примере ниже, после чего цвет текста измениться на указанный нами желтый и красный цвет.
<html>
<body>
<p style="color:#0000FF">Синий цвет текста</p>
<div style="color:#00FF00">Зеленый цвет текста</div>
</body>
</html>Если вы не видите изменения на своем сайте то следует почистить кеш браузера после каждого внесенного изменения в файлы стилей .css. В браузере Google chrome кэш можно почисить нажав сочетание клавишь CTRL + F5
2 способ Через стили CSS
Данный способ изменить цвет текста является самым оптимальным. Для этого мы воспользуемся возможностями CSS-таблиц. Их можно подключать на сайт в виде файла с расширением .css, а далее изменять значения стилей в этом файле и внесенные поправки будут отображаться на всех страницах сайта.
Пример файла style.css:
.class1{
color: #FF00AA; /*Указываем цвет */
}
.class2{
color: #5511AA; /*указываем цвет*/
}
Подключаем файл со стилями style.css в файл .html
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p class="class1">Желтый цвет текста</p>
<div class="class1">Красный цвет текста</div>
</body>
</html>Классы class1 и class2 можно применить к любым другим HTML тегам.
Комментарии 1
Написать комментарий