Selectores, unidades y validador CSS

Ya sabemos que toda regla CSS empieza por un selector. Los selectores seleccionan el cuadro de la página web al que se aplicará formato, y son una de las siguientes tres cosas, o una combinación de las mismas:

- El nombre de un elemento HTML.
- Una ID.
- Una clase (class).

Ya hemos visto una regla como esta:
h2
{
font-size: 130%;
}

El selector más sencillo es el nombre del cuadro al que se aplicará el formato y tambien se le llama selector de tipo, porque selecciona todos los elementos de un determinado tipo.

"VARIOS CUADROS A LA VEZ"
h1,h2
{
font-family:verdana, Arial, Helvetica, sans-serif;
}

Si queremos aplicar un tamaño de letra diferente agregamos una linea adicional:

h1{font-size: 150%}
h2{font-size: 130%}

"TODOS LOS CUADROS DE LA PAGINA: SELECTOR UNIVERSAL"

Se utiliza muy pocas veces, pero existe. Es el asterisco como selector universal, que afecta a todas las cajas.

*
{
padding: 0;
margin: 0;
}

Este ejemplo establece las caracteristicas padding y margin de todos los elementos HTML en null.