CSS : Стилизуем заголовки


{{vrezka_css}}

Тэги <h1>, <h2> и т.д. очень важны в SEO, но при этом обычные заголовки выглядят как-то убого. Так как же совместить приятное с полезным? Опять же воспользуемся CSS!

После того, как вы определите стиль для заголовков, можно определить стиль и для вложенных элементов.

CSS : делаем красивые заголовки

HTML будет выглядеть так:

CSS Back to Basics Tips, Tricks, & Practical Uses of CSS

А CSS будет выглядеть так:

h1 {  font: normal 5.2em Georgia, "Times New Roman", Times, serif;  margin: 0 0 20px;  padding: 10px 0;  font-weight: normal;  text-align: center;  text-shadow: 1px 1px 1px #ccc; /*--Не поддерживается IE--*/  }  h1 span {  color: #cc0000;  font-weight: bold;    }  h1 small {  font-size: 0.35em;  text-transform: uppercase;  color: #999;  font-family: Arial, Helvetica, sans-serif;  text-shadow: none;  display: block; /*--Выделяем для тэга small отдельную линию--*/  }  

Дополнительные материалы по теме:


Так же советую почитать:


Рецензия на книгу "Мастерство презентаций", Алексей Каптерев

Книга, к моему сожалению, не оправдала ожиданий и оказалась достаточно поверхностной. Книга изобилует опечатками (чего только стоит слово "электромоеебилей"), иногда нарушением логики повествования.