Информационные технологииStfw.Ru 🔍

Как изменить отступы на веб-странице?

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

Пример 1. Нулевые отступы на веб-странице

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0
<!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; /* Убираем отступы */ } DIV { background: #000080; /* Цвет фона блока */ } H1 { color: #ffe; /* Цвет текста */ margin: 0; /* Нулевые отступы вокруг текста */ padding: 10px; /* Поля вокруг текста */ } </style> </head> <body> <div><h1>Заголовок</h1></div> </body>
</html>


Старые версии браузера Opera требовали наличия атрибута padding, поэтому по привычке и для надежности (как говорится, на всякий случай) иногда одновременно используют margin и padding с одинаковыми значениями.

Все рецепты HTML и CSS   Теги: Web

Читать IT-новости в Telegram
Информационные технологии
Мы в соцсетях ✉