Manual de Css

Guia Practica de Css
68 Paginas
Descargar Manual clic aqui

Introducción a las CSS
 

Qué son las Hojas de Estilo
Las Hojas de Estilo (o CSS, por Cascading StyleSheets) son un mecanismo que permiten aplicar formato a los documentos escritos en HTML (y en otros lenguajes estructurados, como XML) separando el contenido de las páginas de su apariencia. Para el diseñador, esto significa que la información estará contenida en la página HTML, pero este archivo no debe definir cómo será visualizada esa información. Las indicaciones acerca de la composición visual del documento estarán especificadas en el archivo de la CSS.
 

Cómo funcionan
Veamos primero como trabaja el código HTML. En HTML, las etiquetas (tags) le indican al navegador los elementos que componen la página y éste aplica el formato a cada elemento en particular, por ejemplo:
<H1>Título</H1>

Especifica que el texto "Título" es un Encabezado (Heading) de nivel 1 dentro de los 6 niveles definidos por HTML. El navegador aplicará a ese texto el formato predeterminado (que varía un poco si se trata de Internet Explorer, Firefox, o si usamos Windows, Mac o Linux).

Si quisiéramos componer los encabezados H1 con tipografía Arial, de 19 puntos, en color azul y alineación central, deberíamos especificarlo del siguiente modo:
<H1 ALIGN="center">
<FONT FACE="Arial" COLOR="#0000FF" SIZE="5">
Título</FONT>
</H1>
Por supuesto, esto debería repetirse en cada encabezado H1 de cada página de nuestro
sitio.

Las Hoja de Estilo no utilizan el archivo de la página Web para especificar el formato de la página. En su lugar, usan un archivo de texto puro con extensión .CSS que luego se vincula a la página.

Hojas de estilo incrustadas
Hemos visto cómo las reglas de estilo se especifican en un archivo externo. Este método es el más recomendable y el que permite mayor flexibilidad: los estilos pueden cambiarse sin tocar el código HTML y la CSS puede ser compartida por varias páginas.

Guia Practica de Css
68 Paginas
Descargar Manual clic aqui