Universitario

HTML
_____________________________________


TEMA HOJAS DE ESTILOS



En el entorno de diseño de sitios Web es muy común hablar de las hojas de estilo pero, de que se trata este asunto pues simplemente de la forma en que podemos crear sitios de forma mas eficiente al poder aplicar formato de forma automática a cuantas páginas Web contenga nuestro sitio. Este apartado tratará deconocer como funcionan las hojas de estilo en cascada, como pueden crearse y aplicarse a un sitio web de tal forma que si deseamos hacer cambios en el formato por ejemplo del tipo de letra, por medio de una hoja de estilos se hará de manera automática en todas las páginas.



DESARROLLO.



Cuando se diseña una página Web, es común aplicar en su contenido diversos formatos de texto, tablas,fondos, etc. que hacen posible dar una mejor presentación a la información que estamos publicando. Una de las normas de estética en el diseño es crear páginas individuales que contengan en mismo tipo de letra por ejemplo para que el visitante sienta que está sobre la misma página cuando esta navegando internamente, consultando productos o servicios. De acuerdo a lo visto hasta el momento en estecurso, al diseñar múltiples páginas y queremos realizar lo anterior, sería necesario aplicar formato a página por página si un día decidimos cambiar el tamaña de letra por ejemplo. Esto fue un problema en los inicios de la aplicación de formatos HTML pero hoy en día disponemos de las hojas de estilo, las cuales nos permitirán sin mayor problema aplicar cualquier formato deseado en cuestión desegundo y sin importar el número de páginas que contenga nuestro sitio Web.

¿Qué es una hoja de estilo o CSS?

CSS son las siglas de Cascade Style Sheet que significa hojas de estilo en cascada.
Son una tecnología que nos permite controlar la apariencia de una página Web. Tiempos atrás los diseñadores de sitos web se concentraban más en su contenido que en su presentación pero hoy en día esto esmas que importante principalmente para lograr que el visitante vuelta a ingresar a nuestro sitio.

Las hojas de estilo describeninternamente en su código como los elementos colocados en la página son presentados al usuario.

Con CSS podemos especificar estilos como el tamaño de la letra, color, espaciado entre textos y recuadros así como el lugar donde disponer texto e imágenes.
Veremos quepodemos asociar las reglas de estilo a las marcas HTML de tres maneras:
• directamente a la marca
• en el head de la página
• agrupar las reglas de estilo en un archivo independiente con extensión “css”

¿Cómo funcionan las hojas de estilo?

Consiste en definir mediante una sintaxis especial, la forma de presentación que le aplicaremos a:
• Una etiqueta en concreto
•Una porción del documento
• Un documento HTML
• Un sitio web completo
Aunque en el pasado los navegadores no eran capaces de soportar las hojas de estilo, en la actualidad la mayoría de navegadores la han adoptado y cargan sin ningún problema.

Comencemos entonces a examinar como se aplica estilo:
Definido para una etiqueta
Se aplica cuando queremos que toda una etiqueta muestre unestilo determinado. Por ejemplo, podemos definir un párrafo entero en color rojo y otro en color azul. Para ello utilizamos el atributo “style”, que es admitido por las etiquetas del HTML.

Esto es un ejemplo de una pequeña línea de texto en color rojo.


Esto es un ejemplo de una pequeña línea de texto en color azul.




Resultado:
[pic]




Estilo definido en una parte de la páginaLa etiqueta permite definir secciones de una página y aplicarle estilos con el atributo style, es decir; podemos definir estilos de una vez a todo un bloque que queremos de la página.

Estas etiquetas van en azul y negrita

Seguimos dentro del DIV, luego permanecen los etilos

Esta línea de texto está fuera del DIV
Que tiene como resultado:
[pic]


Estilo definido para toda una...