Случайный выбор победителя «Вконтакте»   •   Online-инструменты
86 просм
0 комм
Поделиться:

Жирный текст на CSS/HTML/jQuery

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

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

Жирный текст на CSS

Для того чтобы придать тексту нужную насыщенность, необходимо воспользоваться свойством «font-weight».

Пример с отдельным CSS:

<style>
	.text {
		font-weight: bold;
	}
</style>

<div class="text">Hello, World!</div>

Пример с встроенным CSS в HTML:

<div style="font-weight: bold;">Hello, World!</div>

В таком случае мы получаем полужирный стиль текста. Свойство «font-weight» может принимать как числовое значение с шагом 100 (от 100 до 900, где 100 – минимальное, а 900 – максимальное), так и с помощью ключевых слов – bold, bolder, lighter, normal.

Стандартная жирность текста задается значением 700 или словом bold.

Жирный текст на HTML

В HTML эти же задачи решаются с помощью тегов b или strong. Пример:

<b>Hello</b>, <strong>World</strong>!

По степени насыщения оба тега эквивалентны значениям «700» и «bold» из CSS.

На что здесь стоит обратить внимание? На то, что тег b чаще всего используется просто для выделения всего текста, когда как strong используется для выделения главных слов, например, для ключевых.

Жирный текст на jQuery

Когда вы используете готовый инструмент для создания сайта, некоторые участки текста не подвластны редактированию приведенными ранее способами. Для этого можно воспользоваться jQuery и методом «css»:

<div class="text">Hello, World!</div>

<script>
	$(function() {
		$(".text").css({"font-weight": "700"});
	});
</script>

Степень насыщения и возможные ее варианты вы можете найти в первом варианте «Жирный текст на CSS».

0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария