Font css style bold: How to bold text in CSS

Содержание

html — полужирный шрифт в стиле CSS в абзаце для цвета, но не в заголовке

Задавать вопрос

спросил 1 год, 9 месяцев назад

Изменено 1 год, 9 месяцев назад

Просмотрено 2к раз

У меня есть html-документ с определенными настройками шрифта для каждой части документа.

У меня есть 3 заголовка и абзац; Мне нужно, чтобы полужирный шрифт в абзаце был красным. Я создал отдельный файл css для своих стилей, и это мой код для этого файла. Как сделать жирный шрифт в абзаце красным, не затрагивая жирный шрифт в заголовке?

 ч2 {
    цвет синий;
    выравнивание текста: по центру;
}
h3 {
    цвет: зеленый;
    выравнивание текста: по центру;
}
h4 {
    красный цвет;
    выравнивание текста: по центру;
    оформление текста: подчеркивание;
}
п   {
    цвет синий;
    семейство шрифтов: arial;
    шрифт: крупный;
    выравнивание текста: по ширине;
}
span.  Italicize {
    стиль шрифта: курсив;
    цвет: зеленый;
}
б {
    красный цвет;
}
диапазон#КрасныйОбъект {
    красный цвет;
}

Это файл HTML, который я создаю для этого CSS, для которого я не могу изменить.

<тело>

Заголовок 1-го уровня

СИНИЙ и выровнен по центру.

Заголовок уровня 2

ЗЕЛЕНЫЙ и выровнен по центру.

Заголовок 3-го уровня

КРАСНЫЙ, выровнен по центру и подчеркнут.

Текстовый абзац должен быть синим, используя шрифт Arial большого размера. В CSS мы должны указать размер шрифта: большой. Но чтобы сделать курсив в CSS, используйте стиль шрифта: курсив. Любой текст, выделенный полужирным шрифтом в абзаце также должен стать КРАСНЫМ.

HTML
CSS

Вы можете добавить это в свой файл css:

 p b {
    красный цвет;
}

Этот код окрашивает каждый тег , который находится внутри тега

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль
Опубликовать как гость
Электронная почта
Требуется, но никогда не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
шрифт | CSS-трюки — CSS-трюки
DigitalOcean предоставляет облачные продукты для каждого этапа вашего путешествия.
Начните с бесплатного кредита в размере 200 долларов США!
Свойство font в CSS — это сокращенное свойство, которое объединяет все следующие подсвойства в одном объявлении.
корпус { шрифт: обычный, маленькие, обычный, 16px/1.4, Georgia; } /* такой же как: тело { семейство шрифтов: Грузия; высота строки: 1,4; вес шрифта: нормальный; растяжка шрифта: нормальная; вариант шрифта: капитель; размер шрифта: 16px; } */
Имеется семь подсвойств font , в том числе:
font-stretch : это свойство устанавливает ширину шрифта, например, сжатый или расширенный.

обычный
ультраконденсированный
сверхконденсированный
конденсированный
полуконденсатный
полурасширенный
расширенный
экстра-расширенный
сверхрасширенный
стиль шрифта : делает текст выделенным курсивом или наклонным.
обычный
курсив
косой

унаследовать
вариант шрифта : изменяет целевой текст на маленькие заглавные буквы.
обычный
мелкие капитальные
унаследовать
вес шрифта : устанавливает вес или толщину шрифта.
обычный
полужирный
жирнее
зажигалка
100, 200, 300, 400, 500, 600, 700, 800, 900
унаследовать
размер шрифта : устанавливает высоту шрифта.
хх-маленький

x-маленький
маленький
средний
большой
большой
xx-большой
меньше, больше
процент
унаследовать
line-height : определяет количество пространства над и под встроенными элементами.
обычный
число (множитель размера шрифта)
процент
font-family : определяет шрифт, применяемый к элементу.
без засечек
с засечками
моноширинный
курсив
фантастика
заголовок
значок
меню
ящик сообщений
малый заголовок
строка состояния
"строка"
Font Shorthand Gotchas
Свойство font не так просто, как другие сокращенные свойства, отчасти из-за требований к его синтаксису, а отчасти из-за проблем с наследованием.
Вот краткое изложение некоторых вещей, которые вы должны знать при использовании этого сокращенного свойства.
Обязательные значения
Два значения в шрифте 9Сокращение 0038 обязательно: размер шрифта и семейство шрифтов . Если какой-либо из них не включен, все объявление будет проигнорировано.
Кроме того, font-family нужно объявлять последним из всех значений, иначе, опять же, все объявление будет проигнорировано.
Дополнительные значения
Все пять других значений являются необязательными. Если вы включаете любой из font-style , font-variant
и font-weight , они должны стоять до размер шрифта в декларации. Если это не так, они будут игнорироваться, а также могут привести к игнорированию обязательных значений. корпус { шрифт: курсив малый полужирный 44px Georgia, без засечек; } В приведенном выше примере включены три необязательных параметра. Пока они определены до font-size , их можно размещать в любом порядке. Включение line-height также необязательно, но может быть объявлено только после font-size и только после косой черты: тело { шрифт: 44px/20px Georgia, без засечек; } В приведенном выше примере высота строки равна «20px». Если вы опустите line-height , вы также должны опустить косую черту, иначе вся строка будет проигнорирована. Использование font-stretch Свойство font-stretch является новым в CSS3, поэтому, если оно используется в старом браузере, который не поддерживает font-stretch в сокращении font , это вызовет всю строку игнорировать. Спецификация рекомендует включать запасной вариант без font-stretch , например: body { шрифт: курсив малый полужирный 44px Georgia, без засечек; /* запасной вариант для старых браузеров */ шрифт: сверхсжатый курсив, маленькие заглавные, полужирный, 44 пикселя, Georgia, без засечек; } Наследование для необязательных параметров Если вы опустите какое-либо из необязательных значений (включая line-height ), пропущенные необязательные параметры не будут наследовать значения от своего родительского элемента, как это часто бывает с типографскими свойствами. Вместо этого они будут сброшены в исходное состояние. Например: тело { шрифт: курсив малый полужирный 44px/50px Georgia, без засечек; } п { шрифт: 30px Georgia, без засечек; } В этом случае необязательные значения (курсив, прописные и полужирный) помещаются в объявление шрифта элемента . Они также будут применяться к большинству дочерних элементов. Однако, поскольку мы повторно объявили свойство шрифта для элементов абзаца, все необязательные параметры абзаца будут сброшены, в результате чего стиль, вариант, вес и высота строки вернутся к своим первоначальным значениям. Ключевые слова для определения системных шрифтов В дополнение к приведенному выше синтаксису свойство font также позволяет использовать ключевые слова в качестве значений. Это: заголовок значок меню ящик сообщений малый заголовок строка состояния Эти значения ключевых слов задают шрифт, который используется в операционной системе пользователя для этой конкретной категории. No related posts.