Как сделать жирный шрифт в css
Ответы
Rainbow Shrimp25 января 2023
Эпоха
0 0
Арсений12 июня 2023
/p
0 0
Арсений12 июня 2023
<p>
0 0
Вячеслав Межуревский28 сентября 2022
Для того чтобы шрифт стал жирным, в CSS есть свойство font-weight. Значение которые принимает свойство могут быть от 100 до 900 с шагом 100 или текстовые — bold|bolder|lighter|normal. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.
Пример:
<p>Этот текст будет жирным</p>
p {
font-weight: 700;
}
0 0
user-a24bf687b0c7235d26 января 2023
А ниче так помогло щас)
0 0
Добавьте ваш ответ
Курсы по программированию на Хекслете
Backend-разработка
Разработка серверной части сайтов и веб-приложений
Перейти
Frontend-разработка
Разработка внешнего интерфейса сайтов и веб-приложений и верстка
Перейти
Создание сайтов
Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails
Перейти
Тестирование
Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP
Перейти
Аналитика данных
Сбор, анализ и интерпретация данных на Python
Перейти
Интенсивные курсы
Интенсивное обучение для продолжающих
Перейти
DevOps
Автоматизация настройки локального окружения и серверов, развертывания и деплоя
Перейти
Веб-разработка
Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков
Перейти
Математика
Математика для разработчиков и аналитиков данных
Перейти
JavaScript
Разработка сайтов и веб-приложений и автоматизированное тестирование на JS
Перейти
Python
Веб-разработка, автоматическое тестирование и аналитика данных на Python
Перейти
Java
Веб-разработка и автоматическое тестирование на Java
Перейти
PHP
Веб-разработка и автоматическое тестирование на PHP
Перейти
Ruby
Разработка сайтов и веб-приложений на Ruby on Rails
Перейти
Go
Курсы по веб-разработке на языке Go
Перейти
HTML
Современная верстка с помощью HTML и CSS
Перейти
SQL
Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД
Перейти
Git
Перейти
Похожие вопросы
1
ответ1
ответ1
ответ1
ответseodon.
ru | CSS справочник — font-weightОпубликовано: 18.08.2010 Последняя правка: 08.12.2015
Свойство CSS font-weight используется для изменения жирности (веса, насыщенности) шрифта элемента. Поиск подходящего шрифта браузер осуществляет в пределах списка шрифтов заданных свойством font-family. Например для жирного шрифта Arial браузер будет искать в операционной системе пользователя шрифт Arial с пометкой «bold» или какой-то подобной.
Но тут не все так просто. Максимально допустимая шкала жирности шрифтов имеет девять градаций насыщенности, от самой светлой до самой темной. Но не у всех существующих шрифтов есть эти девять градаций, например один шрифт может иметь только две — regular и bold, другой три — regular, medium и bold, а третий вообще только одну. Причем эти пометки не обязательно называются именно так, допустим вместо regular может быть указано book, а вместо bold — black.
Но и это еще не все. Так как шрифты создавались в разное время, разными людьми и без каких-либо жестких стандартов, то у одного шрифта пометка regular может соответствовать его нормальной насыщенности, а bold — увеличенной.
У другого, пометка bold — это нормальная жирность, а heavy — повышенная, так как он в принципе создавался, как жирный шрифт и не имеет светлых вариантов.
Поэтому свойство font-weight не определяет какую-то константу жирности одинаковую для всех шрифтов, оно только задает жирность шрифта и ее порядок в пределах данной гарнитуры.
Тип свойства
Назначение: шрифты.
Применяется: ко всем элементам.
Наследуется: да.
Значения
Значением свойства font-weight является указание жирности шрифта одним из следующих способов.
- Число — число от 100 до 900 с шагом в 100, где 100 — самый светлый, 400 — нормальный шрифт данной гарнитуры, 700 — жирный, а 900 — самый жирный. Если шрифт имеет менее девяти градаций, то браузеры объединяют несколько значений. Например, при font-weight равном 100, 200, 300 или 400 они могут использовать шрифт нормальной жирности, при 500 — повышенной, при 600, 700, 800, 900 — самой высокой.
- normal — нормальная жирность данной гарнитуры, аналог 400.
- bold — жирный шрифт, аналог 700.
- bolder — увеличивает жирность шрифта на 100 относительно наследуемой от родительского элемента. Если в данной гарнитуре такого шрифта нет, то устанавливается ближайший более жирный шрифт, который существует (если существует).
- lighter — уменьшает жирность шрифта на 100 относительно родительского элемента.
- inherit — наследует значение font-weight от родительского элемента.
Процентная запись: не существует.
Значение по умолчанию: normal.
При использовании font-weight: bolder или lighter необходимо учитывать, что дочерние элементы наследуют не эти значения, а те, которые получились в итоге.
Синтаксис
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
Пример CSS: использование font-weight
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>seodon.ru - CSS свойство font-weight</title> <style type="text/css"> #div1 { font-family: Times, serif; /* шрифт Times */ } #div2 { font-weight: bolder; /* увеличение жирности */ } </style> </head> <body> <div> Шрифт Times с font-weight: 400. <div> Times с font-weight: bolder, у него это bold или 700. <div>Times с font-weight: bold или 700.</div> </div> </div> </body> </html>
Результат примера
Результат. Использование свойства CSS font-weight.
Версии CSS
| Версия: | CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
| Поддержка: | Да | Да | Да | Да |
Браузеры
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari | |
| Версия: | 6.0 и 7.0 | 8.0 и выше | 2. 0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Частично | Да | Да | Да | Да | Да |
Internet Explorer 6.0 и 7.0 не понимают значение inherit.
Как сделать текст жирным в HTML (3 способа)
В этом посте я покажу вам 3 разных способа сделать текст жирным в HTML. В конце этого поста я также покажу вам, как это сделать в CSS.
Начнем.
Сделать текст жирным в HTML
Существуют различные теги HTML, которые можно использовать для выделения жирным шрифтом определенных слов или предложений. Позвольте мне показать вам их все.
Использование тега strong
Чтобы сделать текст жирным в HTML, используйте тег , как показано ниже.
Repudiandae dolores molestias necessitatibus soluta eveniet magnam mollitia
Ниже приведен вывод :
Repudiandae dolores molestias necessitatibus 900 20 soluta Eveniet Magnam mollitia
Использование b тег
Чтобы сделать текст жирным, вы также можете использовать тег .
См. синтаксис ниже.
Consequatur minima perspiciatis Inventore maxime aperiam adipisci.
См. вывод ниже.
Consequatur minima perspiciatis Inventure maxime aperiam adipisci.
Использование встроенного стиля
Вы можете написать встроенный стиль, чтобы сделать определенный текст жирным в HTML. Этот метод становится удобным, когда вам нужно перезаписать неперехваченные стили.
См. пример и синтаксис ниже.
Конструктивный материал Amet
Конструкторские особенности
Конструкторские особенности
Amet consectetur dipisicing elitamet tempora perferendis
Альтернативный способ сделать текст полужирным
Дополнительный совет: Вы просто не ограничены встроенным стилем, сильным или тегом b. Наиболее предпочтительный и эффективный способ создания текстового блога — использование внешнего CSS.
Этот пост посвящен выделению текста жирным шрифтом в HTML .
Но этот альтернативный подход может помочь некоторым из вас.
Давайте посмотрим, как вы можете это сделать.
сильный, б {
вес шрифта: полужирный; /* Для обычного жирного шрифта */
вес шрифта: 900; /* Для конкретного/900 вес шрифта */
}
.смелый {
вес шрифта: 700;
/* или */
вес шрифта: полужирный;
}
#смелый {
вес шрифта: 700;
/* или */
вес шрифта: полужирный;
} В таблице стилей вы можете определить толщину шрифта. И даже вы можете создать собственный класс CSS или идентификатор и назначить жирность его шрифта. Таким образом, вы можете использовать один и тот же класс или идентификатор снова и снова в своем проекте.
Чтобы использовать этот внешний метод CSS, вам необходимо связать таблицу стилей с вашим HTML-файлом. Если вам нужна помощь, посмотрите, как это сделать.
И это подводит меня к концу этого поста. Запачкайте руки
Создание проектов HTML CSS
Заключение
Это довольно быстрый и короткий пост.
Я привел вам примеры и показал синтаксис. А также я объяснил лучший (альтернативный) способ написания CSS.
Если у вас есть какие-либо вопросы, пожалуйста, дайте мне знать.
Шихаб Ул Хак
Вы можете звать меня Шихаб. Я веб-разработчик и много работаю с PHP и WordPress.
У меня есть степень магистра, и я оставил свою обычную работу, чтобы полностью посвятить себя области, в которой я люблю работать. Я живу в Бангладеш и помогаю владельцам бизнеса создавать потрясающее присутствие в Интернете.
Нежирный текст в HTML — лучшее пошаговое руководство
Так много тегов HTML! B, сильный, h2, h3, h4, вес шрифта, стиль… какой из них нужно удалить, чтобы сделать текст в HTML полужирным?
Это может быть очень неприятно, когда все, что вы хотите сделать, это немного отформатировать текст. Насколько это сложно?
Честно говоря, это зависит от того, почему текст выделен жирным шрифтом.
Один из самых сложных (во всяком случае, без ноу-хау) — сделать текст в тегах заголовков нежирным.
Потому что по умолчанию браузеры выделяют жирный шрифт для заголовков, чтобы отметить их значимость.
Поскольку HTML и CSS используются взаимозаменяемо, знание того, почему ваш текст выделен жирным шрифтом, может сильно напрягать глаза при проверке исходного кода.
По мере того, как вы углубляетесь в пояснения ниже, у вас не возникнет никаких сомнений относительно того, почему ваш текст выделен жирным шрифтом, и кода, который нужно удалить или добавить, чтобы сделать текст нежирным в HTML.
Самый простой способ выделить текст в HTML
В исходном коде HTML полужирный текст управляется тегом b или сильным тегом.
<б>
|
Оба работают с полужирным шрифтом. Чтобы выделить текст, удалите теги b или strong.
Почему для полужирного текста используются два HTML-кода?
Есть два кода, которые делают текст жирным в HTML, но семантически они имеют разные значения.
- Тег strong используется для разметки текста, который имеет большую важность.
- Тег b (жирный) предназначен только для того, чтобы выделить текст жирным шрифтом, не помечая его как более важный.
Тег b больше предназначен для форматирования текста, чем для разметки. Вы можете иметь сильный и смелый в той же линии.
Если, например, у вас есть два предложения, и вы хотите, чтобы они оба были выделены жирным шрифтом, но первое имело большее значение, вы должны использовать сильный тег, чтобы разметить текст, чтобы он имел большее значение, и тег b только для жирного шрифта.
<р> Это мое самое важное сообщение. Но я также хочу сказать вот что.
Это мое самое важное сообщение.
Но я также хочу сказать вот что.
|
Удаление тега b или сильного тега приведет к выделению текста жирным шрифтом.
Сочетания клавиш для выделения слов в текстовых редакторах
Почти все операционные системы имеют сочетания клавиш для форматирования текста. Они не всегда работают в редакторах необработанного HTML, но в редакторах WYSIWYG (What You See Is What You Get) сочетания клавиш обычно работают.
Чтобы использовать их, выделите текст, который вы хотите убрать жирным, а затем используйте соответствующий ярлык для вашей операционной системы.
- Windows: Ctrl + b
- Mac: Command + b
В зависимости от того, какой текстовый редактор вы используете, может быть доступна кнопка «B». Если щелкнуть или нажать на нее с выделенным текстом, будет переключаться между полужирным и обычным шрифтом.
Как убрать жирный текст в теге заголовка
Заголовки всегда отображаются жирным шрифтом. Однако иногда вам может понадобиться выделить только часть заголовка жирным шрифтом, а для эстетики часть текста заголовка не выделять жирным шрифтом.
Это вполне возможно!
Вы можете применять к заголовкам шрифты разного веса, изменяя элемент стиля. Есть два способа сделать это.
Метод 1: применение встроенного CSS
CSS можно применить к атрибуту стиля HTML, открыв тег span, где вы хотите, чтобы текст был выделен жирным шрифтом в теге заголовка.
Начертание полужирным шрифтом зависит от веса шрифта.
Вес шрифта: обычный
Толщина шрифта: обычная |
Чтобы применить форматирование с использованием встроенного HTML, добавьте код
<диапазон> |
Это позволит выделить текст, который уже является частью тега заголовка, без фактического удаления тега заголовка.
Это жирный текст в теге заголовка 1.
Это выделенный жирным шрифтом текст, который все еще находится внутри тега h2Это жирный текст в теге заголовка 1. Это выделенный жирным шрифтом текст, который все еще находится внутри тега h2 |
Разница в семантике. Для поисковых роботов тег заголовка придает важность всему тексту в теге h. Для зрителей текст с начертанием шрифта, установленным на обычный, отображается на экране нежирным шрифтом.
Способ 2. Добавьте CSS между стилем HTML
Теги
Теги стиля находятся в начале HTML-документа.
<стиль>
<стиль>
|
Фрагмент CSS для изменения веса шрифта добавляется между этими тегами.
Шаг 1: Создайте класс обычного шрифта
Это делается путем применения кода CSS в разделе стилей вашего HTML-документа в разделе заголовка.
Добавьте этот код
<стиль> .нормальный { вес шрифта: нормальный }
<стиль> . начертание шрифта:обычный }
|
normal {Где normal стоит после точки (.), это имя класса. Вы можете назвать это как угодно.
Важная часть — установить нормальный вес шрифта.
Применив этот стиль, вы можете использовать тег span для выделения текста в заголовке жирным шрифтом.
<диапазон>
<диапазон> |
Шаг 2: Примените класс span, где вы хотите, чтобы ваш текст был выделен полужирным шрифтом
Тег span является встроенным элементом HTML. Он работает аналогично контейнеру div, но семантически служит разным целям.
Span используется для стилизации небольших фрагментов текста и изображений в HTML. Теги Div предназначены для стилизации разделов HTML-документа.
Важно отметить
(потому что иначе это не сработает)Важно отметить(потому что иначе это не сработает) |
Стилизация класса span с помощью CSS
HTML и CSS гармонично работают вместе.
В CSS свойство задается перед двоеточием, затем параметры стиля, применяемые к свойству, задаются точкой с запятой, разделяющей каждый атрибут стиля.
Если вы хотите, чтобы выделенный жирным шрифтом текст в HTML действительно выделялся, вы можете внести некоторые радикальные изменения.
.нормальный { вес шрифта: нормальный; размер шрифта: средний; стиль шрифта: наклонный;
.normal { шрифт: обычный; размер шрифта: средний; начертание: наклонное; |
После того, как класс span установлен в разделе стилей, его можно вызвать в любом месте документа. Внутри заголовков или абзацев.
Просто добавьте
<диапазон> |
Затем этот стиль будет применен к этому конкретному разделу текста.
Установка полужирного шрифта в любом месте раздела стиля переопределяет теги strong и b в HTML
Параметры стиля для документа HTML переопределяют отдельные теги HTML.
Если вы обнаружите, что удаление тегов Strong или Bold не приводит к выделению текста в HTML, проверьте следующий код между открывающим тегом стиля и закрывающим тегом стиля.
<стиль> # { вес шрифта: полужирный; }
При удалении тегов strong или b из исходного кода текст не выделяется жирным шрифтом, обычно CSS для элемента стиля переопределяет разметку HTML в разделе body.
Обычно обозначается буквой p (абзац).
р { вес шрифта: полужирный; }
p { шрифт: полужирный; } |
Когда шрифт назначается абзацу в разделе стилей, каждый абзац будет выделен жирным шрифтом без использования какой-либо встроенной HTML-разметки.
