Главная > Дизайн > CSS > Еще немного CSS. Поля и отступы.

Еще немного CSS. Поля и отступы.

12.02.2010. CSS, Дизайн

0

С помощью CSS можно задавать поля и отступы в документе.

Отступы:

Отступы необходимы для того, чтобы  сообщить, насколько необходимо сдвинуть данный блок относительно родительского элемента (если таковой отсутствует, то относительно края окна).

Способы задания отступа:

Можно задать отступ от каждой стороны по отдельности:

margin-top: n px; - отступ сверху на n пикселей (кроме пикселей можно задавать проценты, пункты и т.д.)

margin-bottom: n px; - аналогично, снизу

margin-right: n px; - отступ справа

margin-left: n px; - отступ слева.

Кроме того, можно задавать просто с помощью свойства margin:

margin: n px; - отступы со всех четырех сторон

margin: y px x px; - отступ снизу и сверху на y px, отступ справа и слева на x px

margin: a b c d; - установка отступа от верха, затем права, затем низа, затем лева

Поля

Поля задают внутренние отступы в элементе. Такие поля аналогичны полям в книге или тетрадке.

Задание полей ничем не отличается от задание отступов, за исключением замены слова margin на слово padding

Примеры задания отступов и полей:

.text

{

margin: 10px; //отступы в 10px

padding: 5px; // поля 5 пикслей

}

p

{

margin-left:5px;

margin-top:1px;

padding: 5px 15px;

}

Продолжение про CSS следует

P.S. Нашел сайт, откуда скоро можно будет скачать фильм “Алиса в стране чудес”

UPD.

Продолжение




Похожие записи:


Метки:

Rambler's Top100 Блогун - монетизируем блоги