Cómo adjuntar una hoja de estilos externa a una página en dreamweaver

Video: Uso de Hoja de Estilos (CSS) con Dreamweaver

Después de crear una hoja de estilo externa en Dreamweaver, se puede conectar a cualquier página web. En las instrucciones paso a paso que siguen, se puede utilizar cualquiera de las hojas de estilos predefinidos incluidos en Dreamweaver, o puede utilizar estas instrucciones para acoplar cualquier hoja de estilo se crea utilizando los pasos en el ejercicio anterior.

Video: como vincular documento css a html - curso dreamweaver compatible con dispisitivos , video 5

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

1. Haga clic en el icono de signo más (+) en el panel Fuentes en la parte superior del panel diseñador CSS y elija Adjuntar archivo existente CSS de la lista desplegable.

   Se abre el cuadro de diálogo Adjuntar archivo CSS existente.

2. Haga clic en el botón Examinar y busque el archivo CSS en la carpeta del sitio local.

   También puede introducir una URL si desea utilizar un archivo CSS remoto que se encuentra en otro sitio web, pero es más común el uso de una hoja de estilo contenida en el sitio web que está trabajando.

3. Seleccione el vínculo o la opción Importar.

   Al adjuntar una hoja de estilos en un archivo HTML, su mejor opción es casi siempre para elegir Link, que es el valor predeterminado. Seleccione Importar si desea crear una hoja de estilos externa principal que contiene referencias a otras hojas de estilo, una opción avanzada que permite a una hoja de estilo para referirse a otro.

4. (Opcional) Elija las opciones de la sección de uso condicional.

   Utilice las funciones de uso condicional para definir una consulta de medios como para colocarlo hoja de estilo.

5. Haga clic en Aceptar.

   El cuadro de diálogo se cierra y Dreamweaver establece el enlace a la hoja de estilo mediante la adición de una línea de código al principio del archivo HTML. Después de vincular una hoja de estilo externa, cualquiera de los estilos aplicables se aplican automáticamente al contenido de la página en Dreamweaver y los nombres de selector de los estilos definidos en la hoja de estilos se hacen visibles en el panel de selectores del panel Diseñador de CSS.

Video: Cómo programar hojas de estilo en Dreamweaver

Puede adjuntar varias hojas de estilo a la misma página HTML, y se puede utilizar hojas de estilo internas y externas en el mismo documento. Por ejemplo, puede guardar los estilos de texto en una hoja de estilo, guardar los estilos de diseño en otro, y luego colocarle las dos al mismo documento - que hace que todas las formas que se indican a disposición de la página.

Del mismo modo, se crean diferentes hojas de estilo para diferentes propósitos, tales como una para imprimir el archivo y otra para la pantalla del navegador.