Правильное оформление CSS Margin

программирование html css веб дизайн верстка

Добрый день друзья.

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

Ранее я делал отступы и сверху и снизу, подводя "картину" к такой что мне нравится. Но при этом начинают лезть косяки например если у заголовка h3 есть отступ сверху например 5px, а он помещен в блок в котором заданы внутренние отступы по 10 со всех сторон то получается что заголовок смещается уже на 15, и для него нужно писать правило исключение. Что мне подтолкнуло на мысль что отступы сверху задавать нельзя и они должны быть равными нулю. Тогда регулировать только отступы снизу.

Как вообще быть? Что почитать толковое.

Примечание:
Reset есть, все обнуляется.

Примечание:
Меня совершенно никто не понимает что я имею в виду. Покажу на картинке. Вот http://d.pr/i/Fbha например просто текст. Идет заголовок H3 и далее несколько параграфов. Как бы все хорошо, все красиво, и меня устраивает. Так как H3 идет после параграфа что над ним я для h3 задал отступ сверху 20 px и получается так как верхний параграф имеет отступ вниз 10px то суммарно отступ 30 px и визуально один блок текста отделен от другого очень хорошо. Но теперь мы возьмем и этот блок с h3 и несколько параграфов обернем оберткою серый блок с внутренним отступом 10 px. http://d.pr/i/ZrdU

Итого поглядите как заголовок неровно лежит! Получается что нужно писать исключение! А это плохо так как блок может начинаться с какого угодно тега, и писать исключения для каждого тага чтоб все было ровно вероятно неправильно. Про то я и пишу - как правильно так писать, чтоб код css был маленьким и делал то что от него просят.
Ответы:
Делайте файл css который будет сбрасывать все отступы/поля, которые устанавливаются поумолчанию.
на многих сайтах используют такой файл, называется reset.css
Маю опыт с веб-дизайном, поверь в большинство сайтов лучше - Default (по умолчанию), найлучше. Если у тебя какой то свой уникальний сайт с уникальнім дизайном тогда правильно настрой  - модульную сетку и по ней работай, Удачи.
reset.css slon_ik прав!


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.