Толщина шрифта
Управляйте толщиной шрифта элемента с помощью утилит font- .
Быстрая коричневая лиса прыгает через ленивую собаку.
font-normal
Быстрая коричневая лиса прыгает через ленивую собаку.
font-medium
Быстрая коричневая лиса прыгает через ленивую собаку.
font-semibold
Быстрая коричневая лиса прыгает через ленивую собаку.
Быстрая коричневая лиса прыгает через ленивую собаку.
p class="font-light . ">Быстрая коричневая лиса . p> p class="font-normal . ">Быстрая коричневая лиса . p> p class="font-medium . ">Быстрая коричневая лиса . p> p class="font-semibold . ">Быстрая коричневая лиса . p> p class="font-bold . ">Быстрая коричневая лиса . p>Применяя условно
Наведение, фокус и другие состояния
Tailwind позволяет условно применять служебные классы в разных состояниях с помощью модификаторов вариантов. Например, используйте hover : font-bold , чтобы применять утилиту font-bold только при hover .
p class="font-normal hover:font-bold"> p> Полный список всех доступных модификаторов состояния смотрите в документации Наведение, фокус и другие состояния.
Контрольные точки и медиа-запросы
Вы также можете использовать модификаторы вариантов для таргетинга на медиа-запросы, такие как реагирующие контрольные точки, темный режим, предпочтения с уменьшенным движением и многое другое. Например, используйте md: font-bold , чтобы применить утилиту font-bold только на экранах среднего размера и выше.
p class="font-normal md:font-bold"> p> Использование пользовательских значений
Настройка вашей темы
По умолчанию Tailwind предоставляет девять утилит font-weight . Вы можете изменить, добавить или удалить их, отредактировав раздел theme.fontWeight вашей конфигурации Tailwind.
tailwind.config.js
module.exports = theme: fontWeight: thin: '100', hairline: '100', extralight: '200', light: '300', normal: '400', medium: '500', semibold: '600', bold: '700', extrabold: '800', 'extra-bold': '800', black: '900', > > > Дополнительные сведения о настройке темы по умолчанию смотрите в документации настройка темы.
Произвольные значения
Если вам нужно использовать одноразовое font-weight value , которое не имеет смысла включать в вашу тему, используйте квадратные скобки, чтобы сгенерировать свойство на лету, используя любое произвольное значение.
p class="font-[1100]"> p> Узнайте больше о поддержке произвольных значений в документации по произвольным значениям.
Copyright © 2023 Tailwind Labs Inc.
Как выделить текст жирным с помощью HTML
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 13 человек(а).
Количество источников, использованных в этой статье: 7. Вы найдете их список внизу страницы.
Количество просмотров этой статьи: 51 160.
В этой статье:
Язык разметки HTML позволяет выделить текст жирным без особых проблем, причем даже сразу несколькими способами. Впрочем, будет лучше, если вы потратите пару минут, изучая базовые правила каскадных таблиц стилей — CSS, и добавите их в документ, чтобы уже потом работать именно там. Суть в том, что куда проще управлять внешним видом веб-страницы из CSS, в том числе и тогда, когда что-то нужно выделить жирным.
Метод 1 из 2:
Создание жирного текста с помощью HTML
Используйте тег strong.» width=»460″ height=»345″ />
- Поместите текст, который нужно выделить, внутри тегов: именно тут.
- Заголовок h1 пишется так:
заголовок первого уровня
, и это самый важный, крупнейший заголовок страницы.
-
Заголовок h2
— для второго по значимости заголовка, ну и так далее вплоть до самого
заголовка h6, самого мелкого из всех
.
- Использовать заголовки нужно аккуратно, в меру, единственно для упорядочивания контента страницы. [1] X Источник информации Пользователь должен иметь возможность увидеть заголовок как можно быстрее, чтобы понять, под ним ли нужный ему контент.
- Создавая подзаголовки, стоит опускаться всего на уровень за раз. Иными словами, не надо ставить после
сразу . Так форматирование страницы при конвертации в иной формат не собьется. [2] X Источник информации
