Tecnología

Inicio

El formato adecuado para vincular a un CSS

El formato adecuado para vincular a un CSS


Hay varias opciones disponibles para ligarse CSS en un archivo HTML. Una entidad ajena a los vínculos de hojas de estilo a un documento HTML usando la etiqueta LINK o la instrucción @import. Los métodos menos eficientes de utilizar CSS incluyen la incorporación de la hoja de estilo directamente en páginas HTML individuales y el uso de los estilos en línea.

CSS externo

Para enlazar un archivo CSS externo a su código HTML, se utiliza el "<link>" etiqueta, que se coloca en el encabezado del documento HTML e incluye atributos obligatorios y opcionales, tales como HREF, TIPO, REL y MEDIA.

<Head>

<Link rel = "stylesheet" type = "text / css" href = "style.css" />

</ Head>

El atributo "href" requerido especifica la ubicación de una lámina de enlace o estilo. Los estilos no pueden mostrar si la ubicación de la hoja de estilo no está vinculado correctamente.

El atributo "TIPO" se utiliza para especificar un tipo de medio que permite a los navegadores ignoran los tipos de estilos no compatibles. Utilizando la configuración "text / css" como el tipo de contenido para su archivo CSS es una buena idea.

El atributo "rel" define la relación entre el documento HTML y el archivo vinculado y es comúnmente REL = "stylesheet", que especifica un estilo persistente o preferido.

El sistema opcional "MEDIA" atributo especifica el tipo de medio o medios a los que se debe aplicar la hoja de estilo. Los valores posibles incluyen pantalla, imprimir en Braille y TV.

Incorporación de una hoja de estilo

Una hoja de estilo interna se utiliza cuando un solo documento HTML requiere un estilo único. Utilizando la misma hoja de estilos incrustada en varias páginas HTML es menos eficiente, ya que hace que sea más difícil de modificar estilos en todo un sitio.

Se definen los estilos internos en la sección "cabeza" de la página HTML mediante la etiqueta "<style>".

<Head>

<STYLE type = "text / css"> <! -

cuerpo {

Imagen de fondo: URL ( "images / back.gif");

}

->

</ Style>

</ Head>

Importación de una hoja de estilos

Mediante la instrucción "@import" permite que una hoja externa a ser importados en un documento. La declaración puede ser utilizado para un archivo CSS externo o de una hoja de estilo incrustada en una página HTML. Todas las reglas CSS se pueden incluir en el elemento de estilo, pero todas las declaraciones @import deben ocurrir al comienzo de la hoja de estilo.

Cualquier reglas especificadas en la anulación de hojas de estilo en conflicto reglas en los estilos importados. Además, el orden en que se importan las hojas de estilo en cascada determina cómo. En otras palabras, si la primera hoja de estilo especifica el texto en negrita para estar en azul y la segunda hoja de estilos (other.css) especifica negrita como el rojo, el tipo remarcado en rojo prevalecería.

<STYLE type = "text / css" MEDIA = "pantalla"> <! -

@ Importación URL (http://www.DOMAINNAME.com/style.css);

@ Importación URL (/stylesheets/other.css); ->

</ Style>

estilos en línea

estilos en línea son mucho menos flexibles que los otros métodos. Además, los estilos en línea se aplican implícitamente a todos los medios de comunicación, porque no hay forma de especificar el medio previsto. estilo en línea utiliza el atributo "style" en las etiquetas pertinentes dentro de la etiqueta BODY, incluido el propio organismo. También puede contener cualquier número de declaraciones CSS, cada uno separado por un punto y coma final.

<P style = "color = red; margin-right: 20px;">. A estilos de párrafo con sangría en rojo y 20 píxeles desde la derecha </ p>