Как убрать ненужные поля и отступы?
2013-05-08Проектируя новый сайт или разрабатывая новый дизайн для уже существующего проекта необходимо помнить о необходимости поддержания его кроссбраузерности. Желательно, чтобы оформление сайта выглядело одинаково в разных браузерах, не зависимо от их версии.
На этот раз я хочу порекомендовать к использованию небольшой CSS-код, обнуляющий отступы (padding) и поля (margin) всех элементов:
1 2 3 4 |
* { padding: 0; margin: 0; } |
С него хорошо начинать файл стилей style.css, чтобы не беспокоиться в будущем о том, что у какого-нибудь блочного элемента, картинки или таблицы в одном из браузеров вдруг возникнут непрошеные отступы и поля, значение или отсутствие которых вы не указывали. Или появляются ненужные отступы сайта от края браузера.
Звездочка означает, что данные параметры применяются ко всем элементам сайта.
После сброса значений всех полей и отступов можно уже указывать их значения конкретно для отдельных составляющих дизайна сайта, где это явно необходимо.