Cómo adjuntar una hoja de estilo externa a una página en Dreamweaver

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo adjuntar una hoja de estilo externa a una página en Dreamweaver

Libro Relacionado

Por Janine Warner

Después de crear una hoja de estilo externa en Dreamweaver, puede adjuntarla a cualquier página web. En las instrucciones paso a paso que siguen, puede utilizar cualquiera de las hojas de estilo predefinidas incluidas en Dreamweaver, o puede utilizar estas instrucciones para adjuntar cualquier hoja de estilo que cree utilizando los pasos del ejercicio anterior.

Comience abriendo la página a la que desea adjuntar la hoja de estilo y siga estos pasos:

  1. Haga clic en el icono más (+) en el panel Fuentes en la parte superior del panel Diseñador de CSS y seleccione Adjuntar archivo CSS existente de la lista desplegable.
  2. También puede introducir una URL si desea utilizar un archivo CSS remoto ubicado en otro sitio web, pero lo más común es utilizar una hoja de estilo contenida en el sitio web en el que está trabajando.
  3. Si está adjuntando una hoja de estilo a un archivo HTML, su mejor opción es casi siempre elegir Enlace, que es el predeterminado. Seleccione Importar si desea crear una hoja de estilo externa maestra que contenga referencias a otras hojas de estilo, una opción avanzada que permite que una hoja de estilo se refiera a otra.
  4. (Opcional) Elija las opciones de la sección Uso condicional: utilice las funciones de Uso condicional para definir una consulta de medios al adjuntar su hoja de estilo.
  5. Se cierra el cuadro de diálogo y Dreamweaver establece el enlace a la hoja de estilo añadiendo una línea de código en la parte superior del archivo HTML. Después de enlazar una hoja de estilo externa, cualquier estilo aplicable se aplica automáticamente al contenido de la página en Dreamweaver y los nombres de los selectores de los estilos definidos en la hoja de estilo se hacen visibles en el panel Selectores del panel CSS Designer.

Puede adjuntar varias hojas de estilo a la misma página HTML y puede utilizar hojas de estilo internas y externas en el mismo documento. Por ejemplo, puede guardar sus estilos de texto en una hoja de estilo, guardar sus estilos de diseño en otra y luego adjuntarlos al mismo documento, lo que hace que todos los estilos definidos estén disponibles en la página.

Del mismo modo, se crean hojas de estilo diferentes para fines diferentes, como por ejemplo, una para imprimir el fichero y otra para la visualización del navegador.

Leave a Reply