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

Сейчас на примере создадим отступы для одного абзаца:

---

---

Создание класса в CSS:

.polja {margin:35px;}
Подключения класса в HTML:

<p class="polja">- Пастухам незачем читать: овцы научат большему, чем любая книга, - отвечал ей Сантьяго.</p>
На примере мы создали отступы для абзаца со всех сторон на 35 пикселей. Также можна зделать отступ с одной стороны. Для этого нада присвоить свойству margin значение left, right, top, bottom.

Пример:

---

---

Код в CSS:

.polja {margin-top:45px;}
В данном примере мы зделали отступ сверху на 45 пикселей для абзаца.

Сейчас попробуем создать отступ от содержимого элемента до его границы. Чтобы визуально это было видно то возьмем елемент в рамке.

Пример:



Создание класса в CSS:

.pole {padding:40px; border:2px solid green;}
Подключения класса в HTML:

<p class="pole">- Пастухам незачем читать: овцы научат большему, чем любая книга, - отвечал ей Сантьяго.</p>

Также можна задавать ширину и высоту границ элемента. Делается это с помощью свойств height(высота) и width(ширина).

Пример:



Код в CSS:

.pole {height:250px; width:250px; border:2px solid green;}

---