Dreamweaver puede crear una regla CSS para completar automáticamente el formato de etiquetas HTML o el formato del rango de texto identificado por la clase o atributo ID. ¿Cómo configurar la regla CSS? Echemos un vistazo al tutorial detallado a continuación.
1. Haga doble clic en el icono de Dreamweaver CS5.
2. Haga clic en "Archivo" en el menú y seleccione "Nuevo".
3. En la ventana del nuevo documento, seleccione "Página en blanco" - " HTML ", seleccione "XHTML1.0 transicional" como tipo de documento y haga clic en el botón "Crear".
4. Coloque el punto de inserción en el documento, luego haga clic en " Formato " en la barra de menú y seleccione " Estilo CSS " - "Nuevo" en el menú desplegable emergente.
5. En el cuadro de diálogo " Nueva regla CSS ", especifique el tipo de selector de la regla CSS que se creará:
Para crear un estilo personalizado que se pueda aplicar a cualquier elemento HTML como atributo de clase, seleccione la opción Clase en el menú emergente Tipo de selector y luego ingrese un nombre para el estilo en el cuadro de texto Nombre del selector.
Para dar formato a una etiqueta que contiene un atributo de ID específico, seleccione la opción ID en el menú emergente Tipo de selector e ingrese una ID única en el cuadro de texto Nombre del selector.
Para redefinir el formato predeterminado para una etiqueta HTML específica, seleccione la opción Etiqueta en el menú emergente Tipo de selector y luego ingrese una etiqueta HTML en el cuadro de texto Nombre del selector o seleccione una etiqueta en el menú emergente.
6. En la ventana "Definición de regla CSS", establezca los parámetros requeridos para tipo, fondo, bloque, cuadro, borde, lista, posicionamiento y protección de pantalla, y luego haga clic en el botón "Aceptar" para completar la configuración.
7. También puedes configurarlo en el panel de estilo CSS. Coloque el punto de inserción en el documento y haga clic en el icono " Nueva regla CSS " debajo del panel de Estilos CSS. Luego complete la configuración en el paso 6.
8. Establezca los parámetros necesarios para tipo, fondo, bloque, cuadro, borde, lista, posicionamiento y protección de visualización en las propiedades de CSS.
Lo anterior es un tutorial sobre la creación de reglas CSS en Dreamweaver CS5. Espero que les guste. Continúen prestando atención a downcodes.com.