Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Отступы на веб-странице

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

Отступы задаются свойствами CSS margin и padding для селектора BODY. Наличия двух свойств вместо одного, опять же требуют интересы разных браузеров, margin — Internet Explorer, а padding — Opera и Firefox. Совмещение разных свойств гарантирует, что показываться веб-страница в разных браузерах будет одинаково.

Управлять отдельными отступами от разных краев экрана можно с помощью свойств margin-top, margin-bottom, margin-right и margin-left, которые соответственно изменяют расстояние от верхнего, нижнего, правого и левого краев окна браузера. Прежде чем их использовать, следует задать нулевое значение свойства margin (пример 4).

Пример 4. Изменение верхнего отступа от края браузера

<style type="text/css" > BODY { margin: 0; /* Убираем отступы */ margin-top: 10px /* Устанавливаем отступ сверху */ } </style>

Цвета

CSS имеет несколько опций для определения цвета текста и фона слоя. Свойство color указывает цвет текста в слое, а background — цвет фона (пример 5).


Дата добавления: 2015-07-16; просмотров: 46 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Пример 1. Задание высоты слоя| Добро пожаловать

mybiblioteka.su - 2015-2024 год. (0.006 сек.)