

Los selectores se pueden agrupar:
H1 i, H2 i, H1 Q, H2 Q {color: black}
Es igual a:
H1 i { color: black }
H2 i { color: black }
H1 Q { color: black }
H2 Q { color: black }
En lugar de:
#selector
{font-size: 16px; line-height: 22px; }
Se puede usar:
{font: 16px/22px}
Ejemplo:
<div style="font:16px/32px">
Espaciado 1 Espaciado 1 <br>
Espaciado 2 Espaciado 2 <br>
Espaciado 3 Espaciado 3
</div>
Resultado:
En lugar de:
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px }
Se puede usar:
{ margin: 2px 1px 3px 4px }
/*2 Arriba, 1 derecha, 3 abajo, 4 izquierda*/
En lugar de:
margin-top: 1%;
margin-right: 2%;
margin-bottom: 3%;
margin-left: 4%
Se puede usar:
{margin: 1% 2% 3% 4%}
En lugar de:
margin-left: 0
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
Se puede usar:
{ margin: 0 }
En lugar de:
border-right-width: 4px;
border-right-color: brown;
border-right-style: double;
Se puede usar:
{border-right: 4px brown double}
/*Right se puede cambiar por:
Top, Left, Bottom*/
Los Bordes se pueden combinar
con los siguientes parametros.
Ejemplo:
{BORDER: 8px solid #336;
BORDER-LEFT: 10px solid #CCF;
BORDER-TOP: 10px solid #CCF}
Se puede conseguir el mismo
efecto empleando los comandos:
{
BORDER: 8px solid #336;
BORDER-WIDTH: 10px 8px 8px 10px;
BORDER-COLOR: #CCF #336 #336 #CCF
}