Переключать пункты меню



Как изменить цвет текста при помощи css

Довольно часто веб разработчикам требуется поменять цвета на отдельных участках текста. Если это нужно сделать срочно и на скорую руку, то можно прописать требуемые значения color прямо в html-коде.

Например, поменяем цвет для отдельного тега вот так:
 

Здесь мы поменяли цвет текста на красный для жирного шрифта.

Или изменим некоторые области текста, который расположен между тегами  

Синтаксис примерно одинаковый, который описан чуть выше: 

В этом примере цвет текста между тегами <p>…</p> поменяется на зеленый.

Но так обычно делается только для того, чтобы сделать правки на скорую руку. В идеале все стили для текста вы должны прописать в одном файле style.css.

Так что давайте все то же самое мы сделаем при помощи css.
 

Для того, чтобы изменить цвет текста на страницах вашего сайта вам нужно изменить параметр color: в таблице стилей CSS.

Выглядеть это будет вот так: 

Но текст не обязательно может быть между тегами <p>,<h1>,<ul>,<li> и т.д.

Текст может быть и в обычных контейнерах <div>, <span>. Тогда вам нужно будет прописать конкретные атрибуты класса или селектора id.
 

Тогда в файле стилей нужно прописать стили для класса ”txt”: 

Тоже самое, можно сделать при помощи селектора id. Выглядеть все будет вот таким образом:  

В файле стилей уже нужно прописать стили для селектора ”txt”: 

Аналогично можно прописать цвета для всех тегов html отвечающих за вывод текста на вашем сайте.

Значения атрибутов class и id прописываются буквами латинского алфавита, цифр, знака подчеркивания и дефиса. Следует иметь в виду, что значения атрибутов class и id чувствительны к регистру.

Например, если прописать вот так:  

Тогда это уже будут разные значения для селектора id.
Если не задавать никаких атрибутов для текста, любой браузер будет окрашивать цвет текста согласно своим настройкам.

Настройки задаются либо своим пользователем или задаются по умолчанию.
 

Добавить комментарий


Коллекция скриптов и модулей   © 2018