Declaración de estilos CSS en HTML
13-07-2005
Las formas de declaración de un estilo para un documento HTML son tres: A través de la etiqueta HTML <style>, mediante el atributo HTML Style o bien referenciando un archivo de texto externo que contenga la definición de estilos.
Si una de las principales características de CSS es la de separar estructura y visualización, parece lógico optar por el último método de definición de estilos mencionado, pues mantendrá mejor organizado nuestro código.
Declaración mediante la etiqueta <style>.
Consiste en declarar los estilos entre las etiquetas <HEAD> y </HEAD> del documento HTML con el fin de que el navegador conozca previamente cómo va a resultar la presentación de los elementos que lee en el documento. Una ventaja que conlleva el uso de este método de declaración de estilos es que podemos definir un estilo y aplicarlo a diferentes elementos después. Esto se realiza mediante la siguiente fórmula:
<STYLE>
(Código CSS definiendo las propiedades del estilo)
</STYLE>
Declaración mediante el atributo Style.
Una forma menos eficaz es definir los estilos es hacerlo directamente en el elemento en el que queramos aplicarlo. El inconveniente de esto es que deberemos repetir el proceso en cada uno de los elementos en lugar de definir el estilo una única vez como en la definición entre etiquetas <HEAD>. Ejemplo de aplicación:
<div style="(Código CSS)">Texto</div>
Referenciar un fichero externo.
A través de la etiqueta <LINK> podemos realizar una llamada a un fichero externo que contenga los estilos declarados. Este método de declaración tiene todos los beneficios de la declaración de estilos mediante etiquetas <STYLE> además de conservar la uniformidad y organización de los documentos del sitio. La llamada a un archivo CSS externo se realiza de este modo:
Declaración mediante la etiqueta <style>.
Consiste en declarar los estilos entre las etiquetas <HEAD> y </HEAD> del documento HTML con el fin de que el navegador conozca previamente cómo va a resultar la presentación de los elementos que lee en el documento. Una ventaja que conlleva el uso de este método de declaración de estilos es que podemos definir un estilo y aplicarlo a diferentes elementos después. Esto se realiza mediante la siguiente fórmula:
<STYLE>
(Código CSS definiendo las propiedades del estilo)
</STYLE>
Declaración mediante el atributo Style.
Una forma menos eficaz es definir los estilos es hacerlo directamente en el elemento en el que queramos aplicarlo. El inconveniente de esto es que deberemos repetir el proceso en cada uno de los elementos en lugar de definir el estilo una única vez como en la definición entre etiquetas <HEAD>. Ejemplo de aplicación:
<div style="(Código CSS)">Texto</div>
Referenciar un fichero externo.
A través de la etiqueta <LINK> podemos realizar una llamada a un fichero externo que contenga los estilos declarados. Este método de declaración tiene todos los beneficios de la declaración de estilos mediante etiquetas <STYLE> además de conservar la uniformidad y organización de los documentos del sitio. La llamada a un archivo CSS externo se realiza de este modo:
<LINK REL="stylesheet" HREF="nombreArchivo.css? TYPE=?text/css">
Autor: José Manuel Pérez
Tutoriales
de interés
- Testing
© 2003-2007, 2SPACIOS, S.C. - +034 974 429 208 - CIF: G-22.310.056 - C. Huesca 2, 1ºA - 22500, Binéfar. Huesca. España - (Aviso Legal)