Стили H1

03.02.2012

Здравствуй уважаемый читатель блога LifeExample, поздравляю тебя с успешно найденными готовыми стилями для заголовков на своем сайте. Готовя первый урок по созданию, интернет магазина, столкнулся с необходимость, минимального оформления дизайна. Не желая тратить, много времени попробовал ввести в яндексе запрос «стили h1«, в надежде найти некий список с готовыми примерами. Очень великим было мое удивление, когда яндекс не выдал мне ничего стоящего.

Поразмыслив немного, решил самостоятельно сделать то, что искал и выложить в общий доступ. Надеюсь созданная мной таблица стилей h1, пригодится тебе читатель.

Для того чтобы каждый раз не вспоминать о том какие шрифты поддерживаются браузерами, а какие нет и вручную не экспериментировать с css настройками, предлагаю тебе ознакомиться со стилями h1 приведенными в следующей таблице:

Заголовки	Заголовки с наклоном	Заголовки с тенью
Первый стиль Второй стиль Третий стиль Четвертый стиль Пятый стиль Шестой стиль Седьмой стиль Восьмой стиль Девятый стиль Десятый стиль Одиннадцатый стиль Двенадцатый стиль Тринадцатый стиль Пятнадцатый стиль Шестнадцатый стиль	Первый стиль Второй стиль Третий стиль Четвертый стиль Пятый стиль Шестой стиль Седьмой стиль Восьмой стиль Девятый стиль Десятый стиль Одиннадцатый стиль Двенадцатый стиль Тринадцатый стиль Пятнадцатый стиль Шестнадцатый стиль	Первый стиль Второй стиль Третий стиль Четвертый стиль Пятый стиль Шестой стиль Седьмой стиль Восьмой стиль Девятый стиль Десятый стиль Одиннадцатый стиль Двенадцатый стиль Тринадцатый стиль Пятнадцатый стиль Шестнадцатый стиль

Скачать

style.css ( Скачали: 496 чел. )

Каждый из трех столбиков таблицы содержат 15 вариантов стилей шрифтов, которые можно применять не только к заголовкам, но и к любому тексту на сайте. Существует еще много разных css правил для редактирования текста и заголовков, не буду создавать из статьи аналог тысячам, описывая каждое правило, поэтому просто коротко приведу список свойств, c помощью которых можно получить эксклюзивной оформление для h1 и других элементов.

Свойства	Описание
font-size	Размер текста
font-family	Шрифт текста
text-align	Расположение текста
text-indent	Красная строка
letter-spacing	Расстояние между буквами
line-height	Межстрочный интервал
word-spacing	Расстояние между словами
white-space	Отображает пробелы между словами
font-variant	Вывод текста большими/маленькими буквами
font-weight	Толщина букв
text-shadow	Тень вокруг текста

Грамотно используя правила из вышеприведенного списка можно получить, очень красивые стили h1 и привлечь к своему сайту больше внимания со стороны посетителей, тем самым увеличив релевантность страницы.