EL ESTILO CSS

¿Qué es CSS?
CSS (Cascading Style Sheets - Hojas de Estilo en Cascada), son un mecanismo simple que describe como se va a presentar un documento en la pantalla, en un dispositivo de sonido,como seva a imprimir, en un dispositivo braille, aparatos moviles, etc.

CSS nos permite posicionar el contenido, diseñar tablas, definir caraterísticas para sitios en diferentes idiomas y propiedadesrelacionadas con la comunicación del usuario.

CSS nos ayuda a separar el contenido de la presentación.

CSS nos permite controlar el estilo y el formato de múltiples páginas Web a la vez.

Laestructura de CSS
CSS funciona a base de reglas.

Cada regla está compuesta por un selector y la declaración.

La declaración a su vez esta compuesta por una propiedad y su valor.

La declaracióndebe estar definida entre llaves({...})

Sintaxis
selector{propiedad:valor}

Veamos un ejemplo donde el selector p indica que todos los elementos p del documento HTML serán afectados por ladeclaración cuya propiedad es color y su valor es blue.

p{color:blue}

Si el valor está compuesto por varias palabras, debemos definirlo entre comillas.

p{font-family:"Times New Roman"}

Si deseasespecificar más de una propiedad, deberás separarlas con un punto y coma(;).

h1{color:red; text-align:center}

Para definir los estilos de forma más clara y fácil de leer, puedes describir cadapropiedad en diferentes líneas.

p
{
color:red;
text-align:center;
}

Si deseas definir una misma propiedad para varios selectores, solo debe agruparlos separándolos con una coma(,)

p, h1,h2, h3
{
color:blue;
font-family:Arial;
}
El selector class

Con el selector class se pueden definir diferentes estilos para un mismo elemento HTML.
Por ejemplo el elemento p puede ser de colorazul o de color rojo. El valor del selector class debe ir antepuesto por un punto (.)

Sintaxis
p.azul {color:blue}
p.rojo {color:red}

Ejemplo
Y así se vería en el documento HTML.
Código...