Как убрать жирность у заголовков?
В примере 1 показано, как установить нормальное начертание для заголовков.
Пример 1. Использование font-weight
Сепульки
Важный элемент цивилизации ардритов с планеты Энтеропия.
Сепулькарии
Устройства для сепуления.
Сепуление
Занятие ардритов с планеты Энтеропия.
Результат данного примера показан на рис. 1.
Рис. 1. Изменение начертания заголовков
См. также
- font-weight
- Насыщенность
- Свойства шрифта в CSS
Жирность текста в CSS
В данном уроке мы изучим свойство font-weight , которое позволяет сделать текст жирным или наоборот — отменить жирность (к примеру, для заголовков, которые жирные по умолчанию). Чтобы сделать текст жирным, следует указать значение bold , а чтобы отменить жирность — значение normal .
Это свойство работает аналогично тегу b , который мы уже разобрали. Разница в том, что через CSS управлять жирностью гораздо удобнее — можно, например, заставить все абзацы стать жирными, а все заголовки — нежирными, сделав всего пару записей в CSS файле.
Если бы я делал жирный через тег b — мне пришлось бы содержимое каждого абзаца обернуть в этот тег, а это было бы очень затратным по времени (а если я потом захочу убрать жирность абзацам — мне придется убирать все эти теги, представьте, сколько это лишней, бесполезной работы).
В следующем примере мы сделаем все абзацы жирными, а все заголовки h2 — нежирными:
Title
This is a paragraph with text.
h2 < font-weight: normal; >p < font-weight: bold; >
Скопируйте следующий HTML код себе на страницу:
| Name | Surname | Salary |
|---|---|---|
| John | Smith | 200$ |
| Nick | Mayers | 300$ |
| Alex | Jonson | 400$ |
Установите таблице ширину в 500px , а высоту в 300px . Сделайте ячейки td жирными и по центру, а ячейки th — нежирными.
font-weight
Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.
Синтаксис
Значения
Насыщенность шрифта задаётся с помощью ключевых слов: bold — полужирное начертание, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900. Значения bolder и lighter изменяют жирность относительно насыщенности родителя, соответственно, в большую и меньшую сторону.
HTML5 CSS2.1 IE Cr Op Sa Fx
font-weight Duis te feugifacilisi
, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства font-weight
Объектная модель
[window.]document.getElementById(» elementID «).style.fontWeight
Браузеры
Браузеры обычно не могут адекватно показать требуемую насыщенность шрифта, поэтому переключаются между значениями bold , normal и lighter . На практике же начертание в браузерах обычно ограничено всего двумя вариантами: нормальное начертание и жирное начертание.
Как из тегов h1, h2, h3 сделать обычный текст?
Собственно сабж. Что надо в css прописать чтобы текст находивщийся в этих тегах слился с обычным текстом и никак себя не выдал? Убрать жирность и настроить размер получается. А вот чтобы не с новой строки начинался текст — никак не получается. Для наглядности пример:
текст текст текст текст текст текст
текст
текст текст
Будет выглядить так:
текст текст текст текст текст текст
текст
текст текст
Благодарю заранее.
- eTarget 2011:Панельная дискуссия «Стратегия и планирование рекламной кампании в интернете»
- eTarget 2011: Круглый стол «Реклама в онлайн-видео»
- Могут ли «плохие» входящие ссылки привести к ухудшению ранжирования?
На сайте с 03.09.2009
20 марта 2016, 07:23
h1 font-weight: normal; // не жирный
font-size: 10px // размер текста
font-family: arial // шрифт текста
>
Не зная какой у вас стиль обычного текста — гадать на кофейной гуще 🙂