Штирлиц — Сеть печатных салонов в Перми

Весь комплекс печатных услуг в Перми. Общирная сеть печатных салонов в Перми. Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми

Css strong: Как прописать strong через css? — Хабр Q&A

HTML/Элемент strong

Синтаксис

(X)HTML

<strong> ... </strong>

Описание

Элемент strong (от англ. «strong» ‒ «сильный, серьёзный») применяется для выделения текста особой важности, серьёзности или срочности. Hапример, для обозначения предупреждения, предостережения, уведомления и так далее. Текст, вложенный в данный элемент, браузеры отображают ‘полужирным шрифтом‘. Данный элемент может быть использован в заголовках (сайта, раздела, объекта, таблицы) и тексте для логического выделения очень важной части текста или заголовка, на которую пользователь должен обратить внимание в первую очередь. Уровень важности выделенного текста может меняться в зависимости от элементов родителей. Так, например, элемент strong использованный внутри элемента h2 будет иметь большую важность, чем такой же элемент strong использованный в элементе h3 или где-нибудь в текстовой части документа.

Примечание

По логическому смыслу strong похож на элемент em, но в отличии от последнего strong является более важным элементов и его использование (повторение) в тексте должно быть менее частым (в крайних случаях) чем элемента em.

CSS

Визуальный эквивалент: font-weight: bold;.

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

Верс.Раздел
HTML
2.0Strong Emphasis: STRONG
Перевод
3. 2Phrase Elements
4.019.2.1 Phrase elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM
DTD: Transitional Strict Frameset
5.04.5.3 The strong element
5.14.5.3. The strong element
XHTML
1.0Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1Extensible HyperText Markup Language

Атрибуты

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Элемент strong</title>
<style type=»text/css»>. warning { color: red; }</style>
</head>
<body>
<h2>Пример использования элемента «strong»</h2>
<h3>Раздел 1: <strong>»Копирование»</strong></h3>
<p><strong>Внимание</strong> копирование текста расположенного на данной странице на <span>любые носители информации</span>, а так же его печать <em>запрещены</em>.</p>

<p><strong>К носителям информации относятся:</strong> компьютеры, телефоны, планшеты, жесткие диски, flash-накопители, CD/DVD диски, дискеты, магнитные ленты, а так же <em>любые устройства способные запоминать/копировать и воспроизводить указанную информацию</em>.</p>
</body>
</html>

Элемент strong

HTML тег

❮ Назад Вперед ❯

Oпределяет важный фрагмент в тексте, который визуально отображается жирным шрифтом. В отличие от тега <b>, который также визуально выделяет текст жирным шрифтом, тег <strong> является тегом логической разметки и имеет семантическую нагрузку: содержимое тега имеет большой вес для поисковиков, а устройства, считывающие с экрана, выделяют его определенной интонацией.

Для выделения текста жирным без акцента на его важность, используйте тег <b> или CSS свойство font-weight.

Содержимое элемента заключается между открывающим (<strong>) и закрывающим (</strong>) тегами. Закрывающий тег обязателен.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
  </head>
  <body>
    <p>Мы использовали тег &lt;strong&gt;, чтобы выделить <strong> этот важный фрагмент текста</strong>.</p>
  </body>
</html>

Попробуйте сами!

Тег <strong> поддерживает глобальные атрибуты и атрибуты событий.

Результат

Как добавить стиль к тегу <strong> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <strong>:

  • CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
  • CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
  • CSS свойство font-size задает размер щрифта.
  • CSS свойство font-weight устанавливает насыщенность шрифта.
  • CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
  • CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега <strong>:

  • CSS свойство color определяет цвет контента и оформления текста.
  • CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега <strong>:

  • CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
  • CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
  • CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
  • CSS свойство word-break указывает перенос строки.

Другие свойства для тега <strong>:

  • CSS свойство text-shadow добавляет тень к тексту.
  • CSS свойство text-align-last выравнивает последнюю строку текста.
  • CSS свойство line-height устанавливает межстрочный интервал.
  • CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
  • CSS свойство word-spacing устанавливает расстояние между словами в тексте.

CSS установил шрифт на «сильный»

спросил

10 лет, 5 месяцев назад

Изменено 5 лет, 11 месяцев назад

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

Мне нужно установить шрифт «сильный», но я не могу понять, как это сделать с помощью CSS? Я попробовал

 вес шрифта: «Сильный»;

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

1

Вероятно, вы имели в виду:

 вес шрифта: полужирный;

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

.

подробнее о font-weight на MDN

Я только что решил эту проблему на основе поста, который я прочитал здесь. Жирный шрифт — это не то, что вам нужно, поскольку жирный шрифт не эквивалентен сильному.0005

Для меня используется специальный полимерный компонент.

Strong = вес шрифта: 400

Полужирный начинается с вес шрифта: 500 или больше.

Более подробное рассмотрение показывает, что это зависит от версии браузера и отображения, и иногда что-то не отображается так, как вы хотите.

Более подробную информацию можно найти по ссылке MDN, размещенной выше steveax и Ryan

жирным шрифтом , это единственный способ. Вы путаете аспект доступности с HTML-теги и , которые по умолчанию выделены жирным шрифтом.

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

1

вес шрифта: полужирный; является эквивалентом «сильного» шрифта. Вы также можете попробовать

вес шрифта:900; (с использованием числовых значений).

strong — это HTML-тег. css для визуализации.

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

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

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

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

html — Применить тег к стилю CSS

спросил

Изменено 7 лет, 2 месяца назад

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

У меня есть этот стиль CSS на странице:

 *{
    шрифт: 11px/16px 'Helvetica Neue', Helvetica, Arial, без засечек;
}

У меня также есть div с идентификатором , образец и тег в качестве его дочерних элементов. См. код ниже:

 

    <сильный>
        Сильный тег должен быть применен.
    
<дел>

Как применить тег strong к приведенному выше стилю CSS?

  • HTML
  • CSS
  • CSS-селекторы
3

Добавить стиль CSS для сильный 

 *{
    шрифт: 11px/16px 'Helvetica Neue', Helvetica, Arial, без засечек;
}

сильный {
    вес шрифта: полужирный;
} 
 <дел>
    <сильный>
        Сильный тег должен быть применен.

Или вы можете сделать это, применив встроенный стиль CSS:

 *{
    шрифт: 11px/16px 'Helvetica Neue', Helvetica, Arial, без засечек;
} 
 <дел>
    <сильный>
        Сильный тег должен быть применен.
    
<дел>
5

Просто дополнительное примечание:

Сокращение шрифта установит необязательные свойства сокращения в начальное значение , даже если они не указаны явно.

https://developer.mozilla.org/en/docs/Web/CSS/font

Начальное значение font-weight равно normal .

В вашем случае звездочка (*) выбирает для каждого элемента и применяет к ним вес шрифта : нормальный .

у вас есть 2 формы:

 *{шрифт: 11px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;}

# образец сильный{
  вес шрифта: полужирный
}


# образец2 б{
  вес шрифта: полужирный
}

/**или ты можешь**/

б,
сильный{
  вес шрифта: полужирный
} 
 <дел>
    <сильный>
        Сильный тег должен быть применен. 
    
<дел>
  
  
 <час>
  
  <дел>
    
        Сильный тег должен быть применен.
    
<дел> 
 *: не (# образец) {
    шрифт: 11px/16px 'Helvetica Neue', Helvetica, Arial, без засечек;
}

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

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

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

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

Оставить комментарий

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

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