Font html style color: How to set font color in HTML?

Как изменить цвет шрифта — База знаний

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

Шаг 1: Проверьте и посмотрите, поддерживает ли ваша тема изменение цвета шрифта

Если вам повезет, ваша тема уже будет иметь возможность изменить цвет шрифта. Чтобы проверить, перейдите в «Внешний вид» -> «Настройка» на панели управления WordPress, как показано здесь:

Каждая тема предоставляет различные параметры настройки. Поэтому попробуйте найти тот, который выглядит так, как будто у него есть палитра выбора для цвета шрифта. Как вы можете видеть ниже, дочерняя тема Genesis, которую я сейчас использую, имеет , а не 9. 0012 есть эта опция:

Так что в отсутствие этого мы собираемся изменить цвет через CSS.

Шаг 2: Откройте панель проверки шрифтов для вашего веб-сайта

Откройте свой веб-сайт в окне со шрифтом, который вы хотите изменить. Теперь щелкните правой кнопкой мыши любой элемент шрифта и выберите «Проверить» для Chrome или «Проверить элемент» в Firefox, как показано здесь:

Откроются две новые панели рядом друг с другом в окне. Каждая строка представляет следующий элемент. Убедитесь, что шрифт, который вы хотите изменить, выбран, как показано здесь:

Это отобразит соответствующие стили для этого элемента на другой панели. Нам нужно найти тот, который относится к нашей теме. Если вы используете WordPress, хорошее эмпирическое правило для выбора шрифта состоит в том, чтобы искать это правило:

 .entry-content p 

Класс «entry-content» является стандартным селектором для записей и содержимого страниц WordPress и «p» относится к стилю абзаца. Как вы можете видеть ниже, он доступен на панели стилей:

Теперь щелкните под любым существующим стилем в квадратных скобках {}, и появится новая строка. Введите следующее:

 цвет:  синий  

Замените синий на любой желаемый цвет. Кроме того, просто нажмите Tab после ввода «цвет», и вы увидите раскрывающийся список доступных цветов. Вы даже можете указать RGB или шестнадцатеричные значения, если знаете, что делаете.

Шаг 3. Предварительный просмотр цветов в режиме реального времени

При изменении стиля текст на странице будет изменяться в режиме реального времени. Мне нравится эта функциональность, потому что она позволяет мне точно видеть, что я получу, когда вставлю новый стиль. Например, вот как это выглядит, когда я меняю цвет текста на синий:

На самом деле ничего не изменилось. Это только для меня. Если вы перезагрузите страницу, она вернется к тому, что было. Итак, как только вы нашли цвет, который вам нравится, скопируйте все правило из браузера, щелкните правой кнопкой мыши и нажмите «Копировать», как показано ниже:

Теперь мы вставляем стиль CSS.

Шаг 4: Вставка стиля CSS в WordPress

На панели инструментов WordPress перейдите в раздел «Внешний вид» -> «Редактировать CSS», как показано здесь:

Откроется новое окно, отображающее ваш пользовательский CSS для этой конкретной темы. Возможно, в нем уже есть какой-то контент. Просто перейдите в самый конец и вставьте стиль, который вы скопировали из шага 3. Кроме того, удалите все строки внутри него, кроме строки «цвет», как показано здесь:

Предварительный просмотр вашего сайта с правой стороны также должен измениться. Если это то, что вы ожидаете, сохраните изменения, нажав синюю кнопку «Опубликовать» вверху, и все готово. Вы успешно изменили цвет шрифта WordPress с помощью стилей CSS!

Цвета не меняются в CSS! — Начало работы — Форумы SitePoint

dandanf191 26 августа 2010 г., 21:03

#1

Привет, каждый1

Я пытаюсь добавить цвет к моему фону для любого заголовка h2, h3, h4 и изменить шрифт, но он не сделает этого на css с помощью блокнота в Windows 7. я учусь из книги Как правильно создать веб-сайт способ с использованием html и css 2-го издания. я на странице 102 пытаюсь сделать сайт Bubble Under.

Если я хочу изменить шрифт на курсив и/или жирный шрифт и размер, он не будет иметь цвета. Я прочитал, чтобы убедиться, что я сделал правильно, и проверил, и не вижу там никакой ошибки, поэтому, пожалуйста, помогите !!!

Большое спасибо

ральфм

 h2, h3, h4 {
    семейство шрифтов: "Trebuchet MS", Helvetica, Arial, без засечек;
    цвет фона: темно-синий;
    белый цвет;
    [COLOR="Red"]стиль шрифта: курсив;[/COLOR]
}
 

  
Это заголовок
 
 

 h2, h3, h4 {
семейство шрифтов: "Trebuchet MS", Helvetica, Arial, без засечек;
цвет фона: темно-синий;
белый цвет;
}
 

ч2 {
белый цвет;
}
ч2 {
черный цвет;
}
 

h2, h3, h4 {
семейство шрифтов: "Trebuchet MS", Helvetica, Arial, без засечек;
цвет фона: темно-синий;
белый цвет;
}
 

ч2 {
семейство шрифтов: "Trebuchet MS", Arial, Helvetica, без засечек;
размер шрифта: x-большой;
}
h3 {
цвет: #6600ff;
размер шрифта: средний;
вес шрифта: нормальный;
}
 

h2, h3, h4 {
семейство шрифтов: "Trebuchet MS", Helvetica, Arial, без засечек;
цвет фона: темно-синий;
белый цвет;
}