Відступи на веб-сторінці - про те, як правильно робити сайти!

Відступи на веб-сторінці

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

Відступи задаються параметрами margin і padding. Наявності двох атрибутів замість одного вимагають інтереси різних браузерів, margin - Internet Explorer, а padding - Opera і Netscape. Поєднання різних параметрів гарантує, що показуватися веб-сторінка в різних браузерах буде однаково.

Управляти окремими відступами від різних країв екрану можна за допомогою параметрів margin-top. margin-bottom. margin-right і margin-left. які відповідно змінюють відстань від верхнього, нижнього, правого і лівого краю вікна браузера. Перш ніж їх використовувати, слід задати нульове значення параметрам margin і padding (приклад 1).

Приклад 1. Зміна верхнього відступу від краю браузера

.

Селектор BODY. про якого йдеться стиль, задає відступи на всій веб-сторінці цілком. Те ж можна зробити і стосовно до окремих елементів, наприклад, заголовкам (приклад 2).

Приклад 2. Зміна відступів у заголовка

.

Одночасно використовувати параметри margin і padding в даному випадку вже необов'язково.

Для скорочення коду можна використовувати універсальний параметр margin, як показано в прикладі 3. Три значення розділені пропуском визначають відступ зверху, одночасно зліва і справа, і знизу.

Приклад 3. Використання атрибута margin

Основний текст

В даному прикладі змінюються відступи у параграфа, оскільки використання вбудованих значень не завжди підходить.