Hojas de estilos

<link rel="stylesheet" type="text/css" href="estilos.css"/>

• El atributo opcional type se usa para especificar un tipo de medio (text/css para una hoja de estilo en cascada) permitiendo a los navegadores omitir los tipos de hoja de estilo que no soportan.
• rel=”stylesheet” indica que es la hoja de estilos preferente.
• rel=”alternate stylesheet” indica que podemos cambiar esta hoja de estilos desde el navegador.
• Es necesario declarar al menos una hoja de estilos preferente.

• Selector universal:(Aplicar a TODOS los elementos de la página un margen cero)

<div></div><p></p> → *{ margin: 0;padding:0 }

• Selector de etiqueta(Aplicar a TODOS los div un fondo rojo y un borde sólido de 2px y color negro)

<div></div><div></div> → div { background: red; border: 2px solid black;}

• Selector de clase. (Aplicar a todos los elementos con una clase verde una fuente de color verde)

<div class="verde"></div> → .verde { color: green; }

• Selector de ID. Iguales que los anteriores pero para elementos marcados con el atributo id. Este se utiliza para marcar un elemento único.(Aplicar al elemento slider un color de fondo azul)

<div id="slider"></div> → #slider { background: blue; }

El siguiente selector se aplica a todos los párrafos con clase amplio que estén dentro de otro de un div con clase verde, un margen de 40px:

div.verde p.amplio { margin: 40px; }

Cómo no hacerlo:

#content { 
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 15px;
	background-color: #000;
	background-repeat: no-repeat; 
}

Cómo hacerlo:

#content{
	margin: 10px 12px 0 15px;
	background: #000 no-repeat; 
}