¿Qué es CSS?
Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.
¿Para qué sirve?
CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.
¿Cómo funciona?
CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.
h1 {color: red;}
h1 es el selector
{color: red;} es la declaración
El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos.
existen tres formas para usar css en una pagina web:
1. hoja estilo dentro de la pagina web.
este se coloca dentro de un documento en html
dentro de el <head> de esta forma:
<html>
<head>
<style type="text/css">
<!-- aqui colocas el codigo css//-->
</style>
</head>
</head>
de esta forma das estilo unicamente a la pagina donde colocas el codigo css. si tienes otras paginas necesitas copiar el codigo y colocarlo a estas otras.
2. hoja de estilo externa (fuera de la pagina web en un archivo ejemplo: estilo.css).
de esta forma puedes dar el estilo a todas tus paginas web sin tener que pegar el codigo css en cada pagina como la forma anterior.
lo unico que debes colorar siempre dentro del <head> de cada pagina web es:
<html>
<head>
<title>mi pagina</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
3. Un estilo en línea.
que es un método para insertar el lenguaje de estilo de página, directamente, dentro de una etiqueta HTML. Pero este tipo de definición del estilo pierde las ventajas que ofrecen las hojas de estilo al mezclarse el contenido con la presentación. Esta manera de proceder no es excesivamente adecuada.
para mayor informacion aqui te dejo unos enlaces:
www.manualdecss.com
www.desarrolloweb.com/manuales/manual-css-hojas-de-estilo.html
