Propiedades de la notación CSS abreviada

La especificación CSS permite crear estilos mediante una sintaxis abreviada conocida como notación CSS abreviada. La notación CSS abreviada permite especificar los valores de diversas propiedades con una sola declaración. Por ejemplo, la propiedad font permite definir las propiedades font-style, font-variant, font-weight, font-size, line-height y font-family en una única línea.

Un aspecto esencial que debe tenerse en cuenta cuando se utiliza CSS en forma abreviada es que a los valores omitidos en una propiedad CSS en forma abreviada se les asignan sus valores predeterminados. Esto puede hacer que las páginas se muestren de forma incorrecta cuando hay dos o más reglas CSS asignadas a la misma etiqueta.

Por ejemplo, la regla h1 que se muestra a continuación utiliza la sintaxis CSS sin abreviar. Observe que a las propiedades font-variant, font-stretch, font-size-adjust y font-style se les han asignado sus valores predeterminados.

h1 { 
font-weight: bold; 
font-size: 16pt; 
line-height: 18pt; 
font-family: Arial; 
font-variant: normal; 
font-style: normal; 
font-stretch: normal; 
font-size-adjust: none 
}

La misma etiqueta podría tener el aspecto siguiente si se especificara como única propiedad en forma abreviada:

h1 { font: bold 16pt/18pt Arial }

Con la notación abreviada, se asignan los parámetros predeterminados a los valores omitidos. Así, en el ejemplo de notación abreviada anterior se omiten las etiquetas font-variant, font-style, font-stretch y font-size-adjust.

Si tiene estilos definidos en más de una ubicación (por ejemplo, incluidos en una página HTML e importados de una hoja de estilos externa) y se ha utilizado tanto el formato abreviado como el formato no abreviado en la sintaxis CSS, tenga en cuenta que las propiedades omitidas en una regla de notación abreviada pueden tener prioridad (cascada) sobre las propiedades que están definidas explícitamente en otra regla.

Por este motivo, Dreamweaver utiliza la notación CSS no abreviada de forma predeterminada. Con ello se evitan posibles problemas causados por una regla de notación abreviada que tenga prioridad sobre una regla con formato no abreviado. Si abre una página Web codificada con notación CSS abreviada en Dreamweaver, tenga en cuenta que Dreamweaver creará las nuevas reglas CSS en formato no abreviado. Puede especificar el modo en que Dreamweaver crea y edita las reglas CSS mediante la modificación de las preferencias de edición de CSS en la categoría Estilos CSS del cuadro de diálogo Preferencias (Edición > Preferencias en Windows; Dreamweaver > Preferencias en Macintosh).

 ayuda de comunidad (adobe.com)