Sitúe el punto de inserción en el documento y siga uno de estos procedimientos para abrir el cuadro de diálogo Nueva regla CSS.
Última actualización el
3 may 2021
Puede crear una regla CSS para automatizar la aplicación de formato a etiquetas HTML o rangos de texto identificados mediante un atributo class o ID.
-
- Seleccione Formato > Estilos CSS > Nuevo estilo CSS.
- En el panel Estilos CSS (Ventana > Estilos CSS), haga clic en el botón Nueva regla CSS (+) situado en la parte inferior derecha del panel.
- Seleccione texto en la ventana de documento, seleccione Nueva regla CSS del menú emergente Regla de destino en el inspector de propiedades de CSS (Ventana > Propiedades) y seleccione una opción del inspector de propiedades (por ejemplo, haga clic en el botón Negrita) para iniciar una nueva regla.
-
En el cuadro de diálogo Nueva regla CSS, especifique el tipo de selector para la regla CSS que desea crear:
- Para crear un estilo personalizado que pueda aplicarse como atributo class a cualquier elemento HTML, seleccione la opción Clase del menú emergente Tipo de selector e introduzca un nombre para el estilo en el cuadro de texto Nombre del selector.
Nota:Los nombres de clase deben comenzar por un punto y pueden contener cualquier combinación alfanumérica (por ejemplo .myhead1). Si no introduce el punto inicial, Dreamweaver lo hará de forma automática.
- Para definir el formato de una etiqueta que contenga un atributo ID concreto, seleccione la opción ID del menú emergente Tipo de selector e introduzca el ID (por ejemplo, containerDIV) en el cuadro de texto Nombre del selector.
Nota:Los ID deben comenzar por un signo de almohadilla (#) y pueden contener cualquier combinación alfanumérica (por ejemplo #myID1). Si no introduce la almohadilla inicial, Dreamweaver la introducirá de forma automática.
- Para redefinir el formato predeterminado de una etiqueta HTML específica, seleccione la opción Etiqueta del menú emergente Tipo de selector y, seguidamente, introduzca una etiqueta HTML en el cuadro de texto Nombre del selector o elija una en el menú emergente.
- Para definir una regla compuesta que afecte a dos o más etiquetas, clases o ID simultáneamente, seleccione la opción Compuesto e introduzca los selectores para la regla compuesta. Por ejemplo, si introduce div p, la regla afectará a todos los elementos p situados dentro de etiquetas div. Un área de texto descriptivo explica exactamente a qué elementos afecta la regla conforme se añaden o eliminan selectores.
-
Seleccione la ubicación en la que desea definir la regla y luego haga clic en Aceptar:
- Para colocar la regla en una hoja de estilos que ya se ha adjuntado al documento, seleccione la hoja de estilos.
- Para crear una hoja de estilos externa, elija Nuevo archivo de hoja de estilos.
- Para incrustar el estilo en el documento actual, seleccione Sólo este documento.
-
En el cuadro de diálogo de definición de reglas CSS, seleccione las opciones de estilo que desea establecer para la nueva regla CSS. Para más información, consulte la siguiente sección.
-
Cuando haya terminado de establecer las propiedades de estilo, haga clic en Aceptar.Nota:
Al hacer clic en Aceptar sin establecer opciones de estilo, se crea una nueva regla vacía.
