Реферат: CSS: правильное использование - залог успеха

line-height: 140%

font-family: Tahoma, sans-serif

margin: 1em 2em 0 1em

margin-top: 1em

margin-right: 2em

margin-bottom: 0em

margin-left: 1em

padding: 10px 20px

padding-top: 10px

padding-right: 20px

padding-bottom: 10px

padding-left: 20px

border: 1px solid #000

border-top: 1px solid #000

border-right: 1px solid #000

border-bottom: 1px solid #000

border-left: 1px solid #000

border-width: 1px

border-style: solid

border-color: #000

background: url("backgr.gif") #FFF repeat-x

background-color: #FFF

background-image: url("backgr.gif")

background-repeat: repeat-x

background-attachment: scroll

background-position: 0px 0px

Использование сокращенных форм записи является делом весьма полезным и нужным, потому что объем таблицы стилей при этом значительно уменьшается. Это видно уже из сравнения правого и левого столбцов табл. 5.1, но чтобы окончательно вас убедить, я приведу еще один несложный пример. Пусть нам надо создать блок rule, который имеет черную рамку толщиной один пиксел и внутренние отступы величиной 10 пикселов. Ширина блока будет 300 пикселов, а текст в нем будет выводиться полужирным шрифтом Verdana размером 12 пикселов. Если не пользоваться сокращенными формами записи вообще, то код будет такой:

#rule {

font-family: Verdana, sans-serif;

font-weight: bold;

font-size: 12px;

width: 300px;