Sintaxis y selectores CSS

Sintaxis y selectores CSS

Cada regla CSS dispone de Selector y de Declaracion

Selector: A quien se le aplica

Declaracion: Que se hace
5 selectores Basicos

1) SELECTOR UNIVERSAL: Se aplica a todos los elementos de la pagina
Se representa con el asterisco "*"
por ejemplo

*{margin:0;}

2) SELECTOR DE ETIQUETA: Se aplica a cualquier etiqueta HTML
(p, h1,table, tr,li....)

Por ejemplo

ol{ font-family:Arial;}

3) SELECTOR DESCENDENTE (hijo):
Se aplica a elemento dentro de otros elementos
por ejemplo:
p strong {color:red;}

4) SELECTOR DE CLASE : Se aplica a todos los elementos que tengan el mismo atributo class

La sintaxis se le antecede un punto "." por ejemplo: .destacado{color:green;}
y se usa de la siguiente manera

<_p class="destacado"> Hola Mundo <_/p>

5) SELECTOR DE ID :Se aplica de manera similar a los Selectores de Clase con la diferencia que los selectores de ID se usan una sola vez por pagina y en lugar de punto se usa el numeral "#"

por ejemplo: #menu: {color:red;}