La especificación CSS permite crear estilos utilizando una sintaxis abreviada llamada CSS abreviado. CSS abreviado le permite especificar el valor de múltiples propiedades con una sola etiqueta de propiedad. Por ejemplo, puede utilizar la propiedad de fuente para establecer las propiedades de estilo de fuente, variante de fuente, peso de fuente, tamaño de fuente, altura de línea y familia de fuente en una sintaxis de una línea.
La cuestión clave a tener en cuenta al utilizar CSS abreviado es que a los valores omitidos de las propiedades CSS abreviadas se les asigna el valor predeterminado para la propiedad. Cuando se asignan dos o más reglas CSS a la misma etiqueta, esto puede provocar que la página no se muestre correctamente.
Por ejemplo, la etiqueta H1 que se muestra a continuación utiliza la sintaxis CSS normal. Tenga en cuenta que a los valores de las propiedades font-variant, font-stretch, font-size-adjust y font-style se les asignan sus valores predeterminados.
H1 {
peso de fuente: negrita;
tamaño de fuente: 16 puntos;
altura de línea: 18 puntos;
familia de fuentes: Arial;
variante de fuente: normal;
estilo de fuente: normal;
estiramiento de fuente: normal;
ajuste de tamaño de fuente: ninguno
}
Reescribamos esta etiqueta usando un atributo abreviado:
H1 {fuente: negrita 16pt/18pt Arial}
Cuando se escriben utilizando notación taquigráfica, a los valores omitidos se les asignan automáticamente sus valores predeterminados. Por lo tanto, el ejemplo taquigráfico anterior omite las etiquetas font-variant, font-style, font-stretch y font-size-adjust.
Si utiliza las formas taquigráficas y normales de la sintaxis CSS para definir estilos en más de un lugar (como incrustar estilos en una página HTML e importar estilos desde una hoja de estilos externa), tenga en cuenta que los atributos omitidos pueden anular (o conectar en cascada) la estilos en Propiedades que se establecen explícitamente en otro lugar.
Por lo tanto, Dreamweaver utiliza la forma normal de símbolos CSS para escribir la sintaxis de forma predeterminada. Esto evita posibles problemas causados por reglas abreviadas que anulan las reglas ordinarias. Cuando abre una página web en Dreamweaver codificada utilizando notación CSS abreviada, tenga en cuenta que Dreamweaver utilizará el formato normal para crear nuevas reglas CSS. Puede cambiar las preferencias de edición de CSS en la categoría Estilos CSS del cuadro de diálogo Preferencias (Editar>>Preferencias en Windows; Dreamweaver>>Preferencias en Macintosh. Especifique cómo Dreamweaver crea y edita reglas CSS).
Aviso
El panel Estilos CSS crea reglas usando solo símbolos normales. Si utiliza el panel Estilos CSS para crear una página u hoja de estilos CSS, tenga en cuenta que la codificación manual de reglas CSS taquigráficas puede hacer que las propiedades taquigráficas anulen las creadas en el formato normal. Por lo tanto, utilice símbolos CSS comunes para crear sus estilos.