Среда, 16 Января 2013 09:16

Как сделать заголовки не жирными

Written by 
Оцени эту запись
(4 Голоса)

Заголовки в HTML делаются при помощи тегов h1-h6. Причем, h1 - самый главный заголовок, у него по умолчанию самый большой размер и он должен быть единственным на странице. Далее заголовки уменьшают свою важность - h2, h3 и т.д. Наименее важный заголовок - h6. Подробнее о заголовках в статье Верстка сайта. Урок 3. Заголовки h1-h6

 

 

По умолчанию у каждого браузера для заголовков есть свои типы. Для браузеров WebKit заголовок h1 оформляется так:

 

 

h1 {

display: block;

font-size: 2em;

-webkit-margin-before: 0.67em;

-webkit-margin-after: 0.67em;

-webkit-margin-start: 0;

-webkit-margin-end: 0;

font-weight: bold

}

 

<h1>Заголовок</h1>

 

 

Заголовок

 

 

Остальные заголовки отличаются размером текста и отступами. Но у них всех есть свойство font-weight:bold. Это значит, что все заголовки выводятся жирным текстом. Для того, чтобы убрать жирный текст, нужно отменить свойство font-weight. Делается это так:

 

h1 {

font-weight: normal;

}

 

Или сразу для всех заголовков:

 

h1, h2, h3, h4, h5, h6 {

font-weight: normal;

}

 

Пропишите эти строки в своем CSS файле и ваши заголовки не будут жирными.

 

Также это можно прописать для с инлайновых стилях конкретного заголовка:

 

<h1 style="font-weight: normal">Заголовок</h1>

 

 

Заголовок

 

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов