Еще немного CSS. Поля и отступы.
-- Евгений Кащеев
С помощью 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.
Похожие записи:
- Прижимаем footer (подвал/футер) к низу экрана
- Текст с тенью при помощи CSS
- Основные свойства CSS.
- Блочная верстка сайта (верстка с помощью DIV и CSS)
- Что такое CSS?
- Снова CSS. Шрифты, форматирование, позиционирование
- CSS: Меры измерения: px, em, pt, %,cm,mm
- Рамки с круглыми краями и прозрачность в CSS.
- Краткие основы JavaScript
- Основные html теги
Метки: CSS HTML margin padding каскадная таблица стилей отступы поля
Loading ...