Только для читателей Lifeexample возможно открыть интернет-магазин на Moguta.CMS со скидкой в 15%

<<< php сохранение картинки || MVC — фундамент интернет магазина >>>

Стили H1

03.02.2012
Стили H1

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

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

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

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

Скачать

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

Каждый из трех столбиков таблицы содержат 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 и привлечь к своему сайту больше внимания со стороны посетителей, тем самым увеличив релевантность страницы.

Чтобы не пропустить публикацию следующей статьи подписывайтесь на рассылку по E-mail или RSS ленту блога.

Нравится

Оставить комментарий

Подписаться на комментарии к этой статье по RSS

Размещение статей и контекстных ссылок
Яндекс.Метрика