Как сделать текст полужирным в css

Как сделать текст полужирным в HTML?

Я пытаюсь сделать текст жирным, используя HTML, но я изо всех сил пытаюсь заставить его работать.

вот что я пытаюсь:

может кто-нибудь сказать мне, что я делаю неправильно?

10 ответов

использовать <strong> или <b> tag

кроме того, вы можете попробовать с css <span style="font-weight:bold">text</span>

HTML не имеет <bold> tag, вместо этого вам придется использовать <b> . Обратите внимание, однако, что использование <b> is обескуражен в пользу CSS на некоторое время. Для этого вам лучше использовать CSS.

на <strong> тег является семантическим элементом для сильного акцента, который по умолчанию смелые.

From:http://www.december.com/html/x1/

<b>

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

<strong>

Описание Этот элемент заключает в скобки текст, который должен быть сильно подчеркнут. Сильнее, чем элемент ЭМ.

в Html используйте:

  • некоторые <b> текст </b> что я хочу осмелел.
  • некоторые <strong> текст </strong> что я хочу осмелел.

в CSS использовать:

  • некоторые <span style="font-weight:bold"> текст </span> что я хочу осмелел.

может кто-нибудь сказать мне, что я делаю неправильно?"

"bold"никогда не был HTML-элементом ("b" — самое близкое совпадение).

HTML должен содержать структурированный контент; издатель CSS должен предлагать стили для этого контента. Таким образом, пользовательские агенты могут предоставлять структурированный контент с полезным стилем и навигационными элементами управления пользователям, которые не могут видеть предложенный вами смелый стиль (например, пользователям поисковых систем, полностью слепым пользователям, использующим считыватели экрана, слабовидящие пользователи, использующие собственные цвета и шрифты, фанатичные пользователи, использующие текстовые браузеры, пользователи голосовых браузеров, говорящих, как Opera для Windows). Таким образом, правильный способ сделать текст полужирным зависит от почему вы хотите, чтобы стиль его жирным. Например:

хотите отличить заголовки от остального текста? Используйте элементы заголовка ("h1" — "h6") и предложите жирный стиль для них в вашем CSS ("h1, h2, h3, h4, h5, h6

").

хотите отличить заголовок таблицы от заголовка таблицы? Используйте элемент "caption"и предложите полужирный стиль для него в вашем CSS ("caption ").

хотите отличить заголовки таблиц от ячеек данных таблицы? Используйте элемент " th " и предложите смелый стиль для него внутри ваш CSS ("th ").

хотите отличить название ссылочного фильма или альбома от окружающего текста? Используйте элемент "cite"с классом ("cite ) и предложите смелый стиль для него в вашем CSS (".movie-title <шрифт-вес: жирный;>").

хотите отличить определенное ключевое слово от окружающего текста, определяющего или объясняющего его? Используйте элемент " dfn " и предложите смелый стиль для него в вашем CSS ("dfn ").

хотите отличить некоторый компьютерный код от окружающего текста? Используйте элемент "code"и предложите для него полужирный стиль в вашем CSS ("code ").

хотите отличить имя переменной от окружающего текста? Используйте элемент "var"и предложите для него полужирный стиль в CSS ("var ").

хотите указать, что был добавлен некоторый текст в качестве обновления? Используйте элемент "ins"и предложите для него полужирный стиль в CSS ("ins ").

хотите слегка подчеркнуть некоторый текст ("I любовь котята!")? Используйте элемент " em "и предложите полужирный стиль для него в вашем CSS (например,"em ").

хотите сильно подчеркнуть какой-то текст, возможно, для предупреждения ("остерегайтесь собаки!")? Используйте "сильный" элемент и предложите смелый стиль для этого в вашем CSS (например, "strong ").

. ну, вы поняли (надеюсь).

Не удается найти HTML-элемент с правой семантика выразить /почему/ вы хотите сделать этот конкретный текст жирным? Оберните его в общий элемент "span", дайте ему значимое имя класса, которое выражает ваше обоснование для различения этого текста (" позвольте мне начать эту новостную статью с предложения, которое суммирует он.), и предложите смелый стиль для него в вашем CSS (".lede <шрифт-вес: жирный;">. Прежде чем создавать свои собственные имена классов, вы можете проверить, есть ли микроформат (microformats.org) или общее Соглашение для того, что вы хотите выразить.

элемент HTML определяет полужирный текст, без какой-либо дополнительной важности.

элемент HTML определяет сильный текст с добавленной семантической" сильной " важностью.

Полужирный шрифт при наведении без сдвига макета

Полужирный шрифт при наведении без сдвига макета

От автора: когда вы меняете font-weight шрифта, это обычно вызывает небольшое смещение макета. Это потому, что полужирный текст часто больше и занимает больше места. Иногда это не имеет значения, например, вертикальный стек ссылок, где более широкий / полужирный текст все равно ничего не смещает. Иногда это имеет значение, например, горизонтальный ряд, где более широкий / жирный текст слегка отодвигает другие элементы.

Райан Маллиган демонстрирует это. Техника Райана очень крута. Для каждого элемента в списке есть псевдо-элемент с точным текстом ссылки. Этот псевдо-элемент визуально скрыт, но предварительно выделен жирным шрифтом и по-прежнему занимает отведенную ширину. Поэтому, когда фактический текст ссылки выделен полужирным шрифтом, он не будет занимать дополнительной ширины.

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

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *