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 sintaxis 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:

color: #000000;
background: #FFFFFF

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:

input {
  color: #000000;
  background: #FFFFFF
}

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

Por Eloi de San Martin.
ProgramacionWeb.net

Usuarios que han visto este tema también han visto...

- Poner fondo a cualquier elemento con CSS
- Superposición de imágenes con CSS
- Cambio de contraste con Javascript y CSS
- Menus simples con CSS y listas
- Cambiar el color de los enlaces

- Versión imprimible de este documento

- Enviar por e-mail este documento