Поля блоков

С полями дела обстоят несколько сложнее, чем с отступами и границами. Во-первых, большинство элементов блочного уровня (например, абзацы, заголовки, списки и т.д.) по умолчанию имеют некие поля.

Рекомендуем добавлять следующее объявление в начало всех таблиц стилей - оно удаляет все поля и отступы по умолчанию (звездочка означает «все элементы»):

* {margin:0; padding:0}

После применения такого правила все поля и отступы по умолчанию будут удалены.

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

р {font-size: 1em; margin: .75em 30рх;}

В данном примере расстояние между абзацами всегда равно трем четвертям от высоты шрифта, при увеличении базового размера шрифта для тега body увеличится не только размер абзацев, но и интервалы между ними. Правое и левое поле абзацев останутся неизменными.