Типовой шаблон CSS
* { font-family: Arial, Verdana, Gevena, sans-serif }
html { font-size: 100.01% }
body { padding: 0; margin: 0; font-size: 62.5% }
div { padding: 0; margin: 0 }
img { border: 0; padding: 0; margin: 0 }
td { vertical-align: top; padding: 4px }
form { padding: 0; margin: 0 }
ul { padding: 0; margin: 0; vertical-align: top; list-style-position: inside }
li { padding: 0; margin: 0}
table.design { padding: 0; margin: 0; border-spacing: 0; empty-cells: show; border-collapse: collapse; width: 100%; table-layout: fixed }
.dbg { display:block; border: #888 1px solid }
.invis { display: none }
Краткое пояснение: шаблон приводит к единым значениям параметры, которые различаются в различных броузерах (например, отступы от края страницы или padding у форм), делает вертикальное выравнение в таблицах по верху (чаще всего именно так и требуется), а также отключает рамки у картинок-ссылок. Размер шрифта в html нужен для корректного отображения размеров шрифтов в Opera, font-size в body — для того, чтобы 1em соответствовал 10px при нормальном размере шрифта. Прочие размеры шрифта рекомендуется задавать через относительные величины smaller/larger.
Класс design предназначен для табличной верстки, класс dbg используется при отладке (временно добавляется к элементу, чтобы увидеть, где находятся его границы), класс invis предназначен для невидимых элементов.
