Пример того, как я переопределяю стили для тегов html, которые чаще всего использую при верстке.
Эта таблица стилей позволяет добиться одинакового отображения гипертекста во всех браузерах и значительно ускоряет работу.
Таблица сделана по мотивам глобального сброса Эрика Мейера.
html
{
color: #000; /* устанавливаем основной цвет шрифта */
font-family: Verdana, Arial, Helvetica, sans-serif; /* любимые шрифты */
font-size: 10pt; /* основной размер шрифта */
line-height: 1.4em; /* межстрочное расстояние */
background: #FFF;
}
/* убираем все отступы*/
*
{
padding: 0;
margin: 0;
outline: none;
font-size: 100%;
line-height: 1.4em;
}
input, textarea
{
padding: 0.2em;
}
img
{
border: 0;
}
/* стандартное подчеркивание ссылки при больших и жирных шрифтах в IE
дает линию толщиной в 2 пиксела. Мне это не нравится и поэтому я
переопределяю способ подчеркивания. */
a:link
{
color: #0055cc;
text-decoration: none;
border-bottom: 1px solid;
}
a:active
{
color: #cc0000;
text-decoration: none;
border-bottom: 1px solid;
}
a:hover
{
color: #cc0000;
text-decoration: none;
border-bottom: 1px solid;
}
a:visited
{
color: #990099;
text-decoration: none;
border-bottom: 1px solid;
}
/* сделаем стиль для ссылок, которые выполняют действия сценариев (Javascript) */
a.dashed:link, a.dashed:visited, a.dashed:active
{
color: #0055cc;
text-decoration: none;
border-bottom: 1px dashed;
}
a.dashed:hover
{
color: #cc0000;
text-decoration: none;
border-bottom: 1px dashed;
}
/* определяем размер шрифта и отступы для заголовков */
h1
{
font-size: 1.6em;
margin: 0 0 0.5em 0;
}
h2
{
font-size: 1.5em;
margin: 0 0 0.5em 0;
}
h3
{
font-size: 1.4em;
margin: 0 0 0.5em 0;
}
h4
{
font-size: 1.3em;
margin: 0 0 0.5em 0;
}
h5
{
font-size: 1.2em;
margin: 0 0 0.5em 0;
}
h6
{
font-size: 1.1em;
margin: 0 0 0.5em 0;
}
/* стиль для параграфа */
p
{
margin: 0 0 1.7em 0;
}
/* убираем отступы у таблицы и ее ячеек */
table
{
border: 0; /* border="0" */
border-collapse: collapse; /* cellspacing="0" */
}
table td, th
{
padding: 0; /* cellpadding="0" */
vertical-align: top;
text-align: left;
}
/* списки */
ul, ol
{
margin: 0 1em 0.7em 3em;
}
ul li, ol li
{
/* здесь можно поменять вид маркера */
}
small, sup, sub
{
font-size: 0.8em;
}
big
{
font-size: 1.2em;
}
Вот такой текст получается при использовании только этой таблицы стилей. Расстановка параметров шрифта, цвет текста, вид ссылок и отступы — дело вкуса.