El uso de abreviaturas puede ayudar a reducir el tamaño de sus archivos CSS y hacerlos más fáciles de leer. Las reglas principales para las abreviaturas CSS son las siguientes:
color
Los valores de color hexadecimales, si los valores de cada dos dígitos son iguales, se pueden abreviar a la mitad, por ejemplo: #000000 se puede abreviar a #000;
Tamaño de la caja
Generalmente existen cuatro métodos de escritura:
propiedad: valor1; significa que todos los bordes tienen un valor valor1;
propiedad: valor1 valor2 significa que el valor de arriba y de abajo es valor1, y el valor de derecha e izquierda es valor2;
propiedad: valor1 valor2 valor3 significa que el valor de arriba es valor1, el valor de derecha e izquierda es valor2 y el valor de abajo es valor3;
propiedad: valor1 valor2 valor3 valor4 Los cuatro valores representan arriba, derecha, abajo, izquierda en secuencia;
Una manera conveniente de recordar es en el sentido de las agujas del reloj, arriba a la derecha, abajo a la izquierda. Ejemplos de aplicaciones específicas en margen y relleno son los siguientes:
margen:1em 0 2em 0,5em;
borde
Las propiedades de la frontera son las siguientes:
ancho de borde: 1px;
estilo de borde: sólido;
color del borde:#000;
Se puede abreviar a una frase: borde:1px sólido #000;
La sintaxis es borde:ancho estilo color;
Fondos
Las propiedades del fondo son las siguientes:
color de fondo:#f00;
imagen de fondo:url(fondo.gif);
repetición de fondo: sin repetición;
archivo adjunto de fondo: fijo;
posición de fondo: 0 0;
Se puede abreviar a una frase: fondo:#f00 url(fondo.gif) no-repetir fijo 0 0;
La sintaxis es fondo: imagen en color repetir posición del archivo adjunto;
Puede omitir uno o más de los valores del atributo. Si se omite, el valor del atributo utilizará el valor predeterminado del navegador.
color: transparente
imagen: ninguna
repetir: repetir
archivo adjunto: desplazarse
posición: 0% 0%
fuentes
Las propiedades de la fuente son las siguientes:
estilo de fuente: cursiva;
variante de fuente: versalitas;
peso de fuente: negrita;
tamaño de fuente: 1em;
altura de línea: 140%;
familia de fuentes: "Lucida Grande", sans-serif;
Se puede abreviar a una frase: fuente: cursiva versalitas negrita 1em/140% "Lucida Grande",sans-serif;
Tenga en cuenta que si abrevia la definición de fuente, debe definir al menos dos valores: tamaño de fuente y familia de fuente.
Liza
Para cancelar los puntos y números de serie predeterminados, puede escribir list-style:none;,
Las propiedades de la lista son las siguientes:
tipo-estilo-lista:cuadrado;
posición-estilo-lista:dentro;
imagen-estilo-lista:url(imagen.gif);
Se puede abreviar a una oración: estilo de lista: cuadrado dentro de la URL (imagen.gif);