www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > FAQ > Поля и отступы > Как изменить отступы на web-странице?

Справочник по CSS (ЦСС) и ШТМЛ

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

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

Пример

Валидный HTML
Валидный CSS

<!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>

Результат данного примера показан ниже.

Рис. 1

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

В данном примере отступы на web-странице заданы нулевыми путем присвоения значения 0px атрибутам margin и padding. Одновременное применение margin и padding обеспечивает универсальность тегов и однотипное отображение в разных браузерах.

Другие Уроки по этой теме
Поиск по сайту



FAQ

Copyright 2009 Все права защищены

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект