Форум Сайтостроение Веб-строительство

как правильно <h1>

[Удален]
747

Подскажите как правильно сделать заголовок в <h1> и как правильно это в стилях прописать.

Николай В.
На сайте с 07.09.2006
Offline
62
Николай В.
#1 


<style>

h1 {

    color: red;

    font-size: large;

}

</style>

<h1>Это заголовок</h1>
topol-m
На сайте с 29.08.2005
Offline
21
topol-m
#2

В стилях, например так 

H1 {

	COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 18px; FONT-STYLE: normal; FONT-WEIGHT: 900

}

H2 {

	COLOR: #A6BFC4; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; FONT-SIZE: 16px; FONT-STYLE: normal; FONT-WEIGHT: bold; display: inline; padding-left: 4px;

}

H3 {

	COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-STYLE: normal; FONT-WEIGHT: bold; display: inline; padding-left: 4px;

}

Правила

1) Самый большой H (H1) - должен иметь самый большой размер ( если основной текст 10px -18-20 px и боьше пойдет )

Далее по нисходящей.

Но не должно быть так, чтобы H2 был больше H1 или чего нить в этом же духе.

2) Естественно, по цвету не должен сливатся с фоном :)

С уважением, topol CODECO (http://www.codeco.ru/promo/)
eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
[Удален]
#3

Спасибо огромное! щас буду эксперементировать.

Sla_Dom
На сайте с 18.02.2006
Offline
252
Sla_Dom
#4

главное не переусердствуйте. 1-2 максимум на странице.

Ёжик В Тумане
На сайте с 26.07.2006
Offline
16
Ёжик В Тумане
#5 


H1, H2, H3{FONT-STYLE: normal; FONT-WEIGHT: bold;  display: inline;COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;padding-left: 4px;}

H1 {

	 FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 18px;  FONT-WEIGHT: 900;display:block;padding-left: 0px;

}

H2 {

	COLOR: #A6BFC4; FONT-SIZE: 16px; 

}

H3 {

	FONT-SIZE: 14px;  

}

topol-m, небольшой рефакторинг Вашего кода, теперь он меньше и упралять им легче :) .

julliana82 , если у всех элементов есть одинаковые свойства, то описывайте их в одном месте, если возникнет необходимость, что-то переопределить, как в примере свойство 


FONT-FAMILY: или padding-left: 0px;

для H1, то просто напишите внутри описания H1, новые правила для него.

Ушел в себя, забыл про форум.
Вернусь ли? Не знаю... Если нужен, пишите в аську...
Николай В.
На сайте с 07.09.2006
Offline
62
Николай В.
#6
topol-m:

1) Самый большой H (H1) - должен иметь самый большой размер ( если основной текст 10px -18-20 px и боьше пойдет )

Это вы с чего взяли? Заголовок должен выглядеть заголовком, и не более. И если он у меня больше основного текста только на 1 пункт (или такого же размера, если этого требует дизайн), но как-то отделен от всего остальноготекста - подчеркиванием, цветом, отступом, жирностью, то он остается заголовком.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий