margin



 — oпределяет ширину поля за пределами границы элемента: 



margin: margin-top | margin-right | margin-bottom | margin-left



margin: 25px 30px 40px 80px   ?   указаны ширины внешних полей (по часовой стрелке:



верхнее, правое, нижнее, левое);



margin: 0 auto   ?   позволяет расположить блок по центру. 



margin-top



 — верхнее внешнее поле элемента: 



margin-top: 20px   ?   величина может быть указана в пикселях или в процентах.



margin-right



 — определяет ширину правого внешнего поля:



margin-right: 40px

 

margin-bottom | margin-left



 — определяют соответственно нижнее и левое внешнее поле.







CSS padding или внутреннее поле



padding



 — определяет ширину полей между границей элемента и его содержимым: 



padding: padding-top | padding-right | padding-bottom | padding-left



padding: 20px 



padding-top



 — определяет верхнее внутреннее поле элемента:



pading-top: 30px



padding-right | padding-bottom | padding-left



 — соответственно правое, нижнее и левое внутреннее поле.



CSS размеры элементов страницы



 



width



 — атрибут, определяющий ширину элемента:



width: 300px 



height



 — атрибут, определяющий высоту элемента



 страницы в пикселях или в процентах:



height: 500px