Отступы и поля

Отступы и поля

К абзацу (тег <p>) и заголовку (тег <h1>) автоматически добавляется верхний и нижний отступы, которые в сумме и дают большое расстояние между заголовком и текстом. Чтобы уменьшить величину отступа надо явно добавить свойство margin-bottom к селектору H1. Причем можно установить положительное, нулевое или отрицательное значение. Таким способом легко задавать желаемое значение отступа.

Когда требуется установить абзацный отступ, лучше всего использовать стилевое свойство text-indent. Его значение определяет насколько сдвинуть текст первой строки вправо от исходного положения. Ширина текстового блока при этом не меняется и остается исходно заданной. Величину отступа можно указывать в пикселах, процентах или других доступных единицах (пример 1).

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

При добавлении формы через тег <form> вокруг нее сверху и снизу автоматически добавляются отступы. Чтобы их убрать, используйте стилевое свойство margin с нулевым значением, добавляя его к селектору FORM.

При использовании тега <p> автоматически добавляются отступы сверху и снизу от текстового абзаца. Это сделано для того, чтобы визуально отделить один блок текста от следующего. Понятно, что значения отступов, которые заданы по умолчанию, устраивают не всегда, поэтому иногда их приходится уменьшать или увеличивать. Для этого можно использовать универсальное свойство margin, оно определяет отступы со всех сторон абзаца или margin-top для отступа сверху и margin-bottom — для отступа снизу.

Чтобы обнулить отступы и поля у всех элементов на странице, используйте стилевые свойства margin и padding с нулевыми значениями, добавляя их к универсальному селектору .

Отступы и поля 36
Как сделать (задать) отступ текста и изображения в html (сверху)
Отступы и поля 14
Отступ, текст по центру, по ширине - Как создать сайт самому
Отступы и поля 29
Как на сайте сделать отступ в абзаце красной строкой - CSS
Отступы и поля 26
Расстановка полей и отступов в CSS / Блог компании Netcracker
Отступы и поля 95
Как сделать отступы или табуляцию в HTML? HTML /xHTML
Отступы и поля 74
HTML : Абзац, абзацный отступ (красная строка)
Отступы и поля 45
Как вставить пробелы в HTML - wikiHow
Отступы и поля 30
Margin
Отступы и поля 84
11 советов по выбору форм и заливке садовых дорожек Строительный блог
Отступы и поля 94
3G интернет - Компания 3G STAR
Отступы и поля 14
Отступы и поля 38
Отступы и поля 47
Отступы и поля 47
Отступы и поля 11
Отступы и поля 97
Отступы и поля 72
Отступы и поля 97