Здравствуйте! Записался на ваш курс, но не понимаю как произвести оплату. Надо ли писать заявление и, если да, то куда отправлять? как я получу диплом о профессиональной переподготовке? |
Опубликован: 31.10.2006 | Доступ: платный | Студентов: 17 / 7 | Оценка: 4.35 / 4.14 | Длительность: 08:43:00
Специальности: Программист, Разработчик интернет-проектов
Теги:
Лекция 8:
Поля в CSS
Аннотация: Приводятся способы определения пространства между границей элемента и его содержимым.
Данные параметры определяют пространство между границей элемента и содержимым элемента.
Примеры
- Этот пример показывает, как задать левое поле элементов списка.
<html> <head> <style type="text/css"> li {padding-left: 0.5cm} </style> </head> <body> <ol> <li>элемент списка</li> <li>элемент списка</li> <li>элемент списка</li> </ol> </body> </html>
- Этот пример показывает, как задать правое поле элементов списка.
<html> <head> <style type="text/css"> li {padding-right: 3cm} </style> </head> <body> <ol> <li>элемент списка</li> <li>элемент списка</li> <li>элемент списка</li> </ol> </body> </html>
- Этот пример показывает, как задать верхнее поле элементов списка.
<html> <head> <style type="text/css"> li {padding-top: 1cm} </style> </head> <body> <ol> <li>элемент списка</li> <li>элемент списка</li> <li>элемент списка</li> </ol> </body> </html>
- Этот пример показывает, как задать нижнее поле элементов списка.
<html> <head> <style type="text/css"> li {padding-bottom: 2.5cm} </style> </head> <body> <ol> <li>элемент списка</li> <li>элемент списка</li> <li>элемент списка</li> </ol> </body> </html>
- Пример показывает, как с помощью параметра padding задать все поля в одном объявлении. Допускается определение от одного до четырех значений.
<html> <head> <style type="text/css"> li.first {padding: 2.5cm} li.second {padding: 1cm 2cm} </style> </head> <body> <ol> <li class="first">элемент списка с одинаковыми полями со всех сторон</li> <li>элемент списка</li> <li class="second">элемент списка, который имеет верхнее и нижнее поле, равное 1 см, а левое и правое поля — равные 2 см</li> </ol> </body> </html>
Параметры полей в CSS
Определяют пространство между границей элемента и содержимым элемента, для которого не предусмотрены отрицательные значения. Все поля (верхнее, правое, нижнее и левое) можно изменять независимо друг от друга. Существует также параметр padding, который позволяет определять нескольких полей в одном объявлении.
Поддерживается следующими браузерами: Internet Explorer, Firefox, Netscape.