ACTIVIDAD 3: 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 se va 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 propiedades relacionadas 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.

La estructura 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ón debe 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 la declaració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 deseas especificar 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 cada propiedad 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;
}

EJEMPLOS DEL SELECTOR CLASS

EJEMPLOS DEL SELECTOR ID