Chciałbym przedstawić kilka trików w css dzięki którym można sobie skrócić czas pisania naszego stylu
A więc zaczynamy

Padding i Margin

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

Można łatwo zastąpić takim układem

margin:1px 4px 2px 3px;


Kolejność jest tutaj bardzo ważna

margin:top right bottom left;

Jeśli margines górny i dolny oraz prawy i lewy są takie same możemy zastosować

margin:10px 20px;

margin:pion poziom;


jeśli wszystko ma taki sam margines wystarczy napisać

margin:10px;

Tło

Skracać możemy również tekst tła po co ma on zajmować tyle
 
background-color:#ffffff;
background-image:url(cos.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:30% 10%;


Jeśli może tyle
background:#fff url(cos.jpg) no-repeat fixed 30% 10%;


kolor możemy również zapisywać w skrócie jeśli kolejne cyfry sa parami np. #000000 możemy zapisać #000 lub #113377 możemy zapisać #137

Tekst

font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:11px;
line-height:200%;
font-family:"Arial",sans-serif;

można zapisać:

font:italic small-caps bold 11px/200% "Arial",sans-serif;