Sintaxis CSS

Vamos a ver cómo debemos escribir para crear un CSS válido que los navegadores sean capaces de interpretar, para ello tendremos que tener en cuenta tres elementos:

atributos - Son una palabra que identifica a que estilo nos referimos
valores - Indican como queremos que sea ese atributo
selectores - Indican sobre que elementos queremos trabajar

La sintaxi de CSS es muy simple, consiste en poner el nombre del atributo, seguido por dos puntos y el valor que se le asigna, ademas, si queremos escribir varios estilos los separaremos por punto y coma y/o opcionalmente un salto de línea:
 

000 001

color: #000000; background: #FFFFFF  Maximizar   Seleccionar   CSS

 
En el caso que estemos trabajando fuera de un objeto, es decir, que no estemos usando el parametro style="", tendremos que indicar sobre que elemento de la página queremos aplicar ese estilo, esto lo haremos con selectores. 

Escribiremos el selector seguido de los atributos del objeto entre corchetes, veamos un ejemplo:
 

000 001 002 003

input {   color: #000000;   background: #FFFFFF }  Maximizar   Seleccionar   CSS

 
Este ejemplo en concreto, se aplicará para todos los elementos input del documento dandole el color #000000 (negro) y de fondo el #FFFFFF (blanco).

Los valores que aplicamos al atributo, dependerán del atributo en cuestión y se explicarán más adelante en este mismo curso.