Как изменить цвет шрифта в html

Здравствуйте. Текст является самым главным элементом практически на любом веб-сайте, поэтому нужно уметь оформлять его. Хотя многие знают, как изменить цвет шрифта в html, его размер или начертание, давайте я все-таки расскажу, как это можно сделать.

Как поменять цвет шрифта в html

Только вот менять цвет мы будем с помощью css, а не html. Сss – это язык, который помогает нужный внешний вид любым html-элементам: таблицам, спискам, абзацам и т.д. Чтобы все работало, к html-файлу нужно сначала подключить таблицу стилей. Если вы не знаете как это делать, то ничего страшного в этом нет, смотрите статью о том, как это сделать.

Чтобы изменить цвет шрифта в html нужно задать для нужного селектора в css следующее правило:

Итак, цвет задается с помощью css-свойства color. У него могут быть разные значения:

• Ключевые слова: red, orange, brown и т.д.
• Цвет можно задать с указанием цветового режима. Например:
  color: rgb(12, 35, 175)То есть мы задали цвет в режиме rgb, где первое число определяет долю красного цвета, второе число – зеленого, а третье – синего.
• Третий вариант – задать цвет в виде шестнадцатеричного кода. Например, этот код вы можете посмотреть в фотошопе. А вообще есть хороший сервис, которым я постоянно пользуюсь для быстрого выбора цветов. Вот ссылка на него. Просто копируете шестнадцатеричный код понравившегося цвета и вставляете в качестве значения. Решетка в начале обязательна.

Как изменить цвет шрифта в html конкретного элемента?

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

<p>Абзац</p>

<p>Абзац</p>

<p>Абзац</p>

И надо выделить красным цветом текст во втором абзаце. Как это сделать? Самый простой способ – это прописать этому абзацу стилевой класс, к которому и привязать стиль.

<p>Абзац</p>

<p class = “red”>Абзац</p>

<p>Абзац</p>

Следующий код пишется уже в css:

Вот так вот просто менять цвет шрифта с помощью css и html. Возможно, вам нужно будет выделить отдельно первую букву в абзаце или статье. Как это сделать описано здесь. А на сегодня все. Надеюсь, статья была вам полезна.