Справочник по CSS (ЦСС) и ШТМЛ
Как изменить отступы на web-странице?
Отступы на web-странице хотя и не видны, но не позволяют содержимому плотно прилегать к краям окна браузера, чтобы обеспечивать комфортность чтения. Свое собственное значение отступов можно установить, изменяя значения параметра margin у селектора BODY. Для корректной работы в браузере Опера, также следует добавляем и padding с аналогичным значением.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<title>Долой отступы!</title>
<style type="text/CSS (ЦСС)">
BODY {
margin: 0; /* Убираем отступы */
padding: 0; /* Убираем поля */
}
DIV {
background: #000080; /* Цвет фона блока */
}
H1 {
color: #ffe; /* Цвет контента */
margin: 0; /* Нулевые отступы вокруг контента */
padding: 10px; /* Поля вокруг контента */
}
</style>
</head>
<body>
<div><h1>Заголовок</h1></div>
</body>
</html>
Результат данного примера показан ниже.
Вид web-страницы без отступов
В данном примере отступы на web-странице заданы нулевыми путем присвоения значения 0px атрибутам margin и padding. Одновременное применение margin и padding обеспечивает универсальность тегов и однотипное отображение в разных браузерах.