Оглавление

Удаление отступов по умолчанию для всех элементов страницы

Если для документа не написано специальной таблицы стилей, то он будет оформлен в соответствии с внутренней таблицей стилей браузера. Поскольку внутренние таблицы разных браузеров немного отличаются, документы без стилевого оформления будут отображаться слегка по-разному.

 

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

 * {
margin: 0;
padding: 0;
}

 

Удаление отступов для всех элементов страницы

Рис. 2.30. Удаление отступов для всех элементов страницы

 

Обсуждение
В приведенном правиле используется универсальный селектор «*» для удаления отступов везде. Этот прием называют глобальным удалением промежутков1. Если дизайн вашей страницы отличается сложностью, то начать разработку стоит именно с этого.

 

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

 

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


h1, h2, h3, h4, h5, h6, ul, ol {
margin: 0;
padding: 0;
}

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити