Что может привести к игнорированию жирного тега ‹b›?

У меня проблема с отображением HTML в Drupal, но я не уверен на 100%, что это проблема Drupal. Я использую полужирный тег, чтобы выделить слово, но оно не отображается жирным шрифтом. Он подумал, что это может быть шрифт Google, который я использовал, поэтому я отключил его, но проблема все еще остается.

Я проверил источник страницы:

<div id="begin_block">
  <div id="fw_begin"><h2>Find words <b>beginning</b> with:</h2></div>
    <div id="inp_begin"><input type="text" /></div>
    <div id="aft_begin">(max. 5 characters)</div>
    <div id="but_begin"><button type="button">Go</button></div>
</div>

Но я все еще получаю:

введите здесь описание изображения

Что может быть причиной этой проблемы?

ОБНОВЛЕНИЕ

В теме, которую я использую, действительно есть reset.css. Жирный шрифт определяется как:

b{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

html css tags bold
person Jérôme Verstrynge    schedule 17.03.2012    source источник
comment
Какой сброс CSS вы используете, доморощенный? Является ли это частью первой строки с кучей других селекторов или это все само по себе? (просто любопытно)   -  person Wesley Murch    schedule 17.03.2012
comment
Это сброс из темы Drupal под названием универсальная. Это часть строки с кучей других селекторов.   -  person Jérôme Verstrynge    schedule 17.03.2012

Ответы (3)


arrow_upward
10
arrow_downward

Лист CSS (сброс), вероятно, определил b{font-weight:normal;}. Чтобы «исправить» стиль, добавьте b{font-weight:bold;}.

Кроме того, он Тег <strong> семантически более корректен, поэтому используйте его вместо <b>.

person Rob W    schedule 17.03.2012
comment
Здесь можно увидеть абсурдность сбросов CSS. Ваш браузер использует некоторые предопределенные стили, зачем вам переопределять их, а затем возвращать их по умолчанию? ОП должен рассмотреть возможность изменения своего сброса CSS. Кроме того, <strong> не является семантически более правильным, а скорее имеет другое семантическое значение. Если это жирный текст имеет больше смысла, чем это важный текст, нет ничего плохого в использовании <b>. - person duri; 17.03.2012
comment
Новое использование <b> немного расплывчато, здесь оно может быть уместным: Элемент b представляет собой фрагмент текста, смещенный относительно окружающего его содержимого, без передачи какого-либо дополнительного акцента или важности, для которого обычное типографское представление выделено жирным шрифтом. текст; например, ключевые слова в резюме документа или названия продуктов в обзоре. dev.w3.org/html5/markup/b.html - person Wesley Murch; 17.03.2012
comment
В основном это означает текст, который должен быть выделен жирным шрифтом. - person BoltClock; 17.03.2012
comment
@duri: сброс CSS можно использовать для нормализации <b> до определенного веса шрифта, например 700. Возможно, это паранойя, но не обязательно абсурд. Автор просто должен быть осторожен, чтобы не забыть повторно объявить то, что было перезаписано. Однако b{font-weight:normal;} не имеет смысла, установка реального значения имеет смысл. - person Wesley Murch; 17.03.2012
comment
Как странно - у меня была такая же проблема с sinatra+ruby только что на обслуживаемых страницах. Мой браузер игнорировал полужирный тег; теперь, когда я добавил правило css на страницу через ‹style›, оно работает. Это ОЧЕНЬ странно. Я должен согласиться с duri - обычная .html-страница отображается просто отлично, но текст, сгенерированный sinatra, который на самом деле является просто html, не оценивается так ... если есть такое правило, это не имеет никакого смысла на самом деле, чтобы изменить его, как справедливо сказал Дури. - person shevy; 17.08.2020

arrow_upward
0
arrow_downward

Что вам нужно сделать, так это использовать firebug или google's developer console для его отладки. Если у вас нет опыта работы хотя бы с одним из них, не беспокойтесь — стоит потратить некоторое время и изучить его.

В качестве реального решения вы можете обернуть свой текст в <span> вместо <b>, добавить к нему какой-нибудь значимый класс, например «stress» (но вам следует избегать имен классов, таких как «bold», потому что вы можете в конечном итоге передумать и вместо font- веса вы будете использовать подчеркивание, и в этом случае вы либо измените имя класса, либо выделите полужирный класс для стиля подчеркивания) и добавите к нему что-то вроде

.stress{
 font-weight: bold !important;
}

Скорее всего, вы где-то перезапишете font-weight, и Important гарантирует, что он больше не будет перезаписан.

Кстати: конечно, вам не нужно использовать <span> с именем класса, вы также можете использовать другие селекторы, такие как <strong> и т. д.

person mkk    schedule 17.03.2012

arrow_upward
0
arrow_downward 

b {
    font-weight: bold;
    font-family: inherit;
}

Если семейство шрифтов не определено, шрифт в элементе-оболочке переопределяется.

person Fatih Ertuğral    schedule 17.05.2021
comment
Не могли бы вы отредактировать свой вопрос, чтобы немного объяснить, чем он отличается от ответ принят? Вероятно, лист CSS (сброс) определил b{font-weight:normal;}. Чтобы исправить стиль, добавьте b{font-weight:bold;} - person dbc; 18.05.2021