Стили CSS для показа шрифта, фона, обрамления, списка (нормальный и краткий)

Краткий стиль для шрифта

font: 1em/1.5em bold italic serif

Нормальный стиль

font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-family: serif 

Краткий стиль для фото-фона

background: #fff url(image.gif) no-repeat top left

Нормальный стиль

background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left; 

Краткий стиль для списка

list-style: disc outside url(image.gif)

Нормальный стиль

list-style: #fff;
list-style-type: disc;
list-style-position: outside;
list-style-image: url(image.gif) 

Краткий стиль для отступа

margin: 2px 1px 3px 4px (top, right, bottom, left)

Нормальный стиль

margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px 

Краткий стиль

margin: 5em 1em 3em (top, right and left, bottom)

Нормальный стиль

margin-top: 5em;
margin-right: 1em;
margin-bottom: 3em;
margin-left: 1em 

Нормальный стиль

margin: 5% 1% (top and bottom, right and left)

...instead of

margin-top: 5%;
margin-right: 1%;
margin-bottom: 5%;
margin-left: 1% 

margin: 0 (top, bottom, right and left)

Нормальный стиль

margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0 

Краткий стиль для обрамления

border: 1px black solid

Нормальный стиль

border-width: 1px;
border-color: black;
border-style: solid 

Краткий стиль

border-right: 1px black solid

Нормальный стиль

border-right-width: 1px;
border-right-color: black;
border-right-style: solid 

Нормальный стиль

border: 8px solid #336;
border-left: 10px solid #ccf;
border-top: 10px solid #ccf 

border: 8px solid #336;
border-width: 10px 8px 8px 10px
border-color: #ccf #336 #336 #ccf