Lo que siempre se me olvida de CSS Comparte este enlace en Facebook Comparte este enlace en Twitter

Para centrar un DIV

#principal {
width: 690px; /* tiene que tener un ancho definido como requisito */
margin:0 auto 0 auto; /* esto centra automáticamente */
}

Centrar Fotos del Cuerpo de Bloggger

#content-wrapper img {
display:block;
margin:0 auto 0 auto;
}

Separación entre celdas

#tabla1 {
border-spacing: 2px;
}

Allineación Vertical

vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom ;

También puedo alinear arriva un usando

top: 0;

Entradas de un formulario

Ejemplo
#contenido input[type="text"]
{
color: #333333;
background-color: #FFFFCC;
border: #000033 1px solid;
}

Transformar a Mayúsculas o Minúsculas

text-transform: uppercase;
text-transform: lowercase;

Estilo de las viñetas
Por ejemplo con letras minúscula (a, b, c,...)
list-style-type:lower-latin;

ejemplo:

• Peras
• Manzanas
• Naranjas

Si quiero número decimales:

ol Style="list-style-type: decimal;"

Borde redondeado

border-radius: 15px;

ejemplo:

Borde redondeado

Para que un botón Submit de un formulario cambie de color al poner el puntero sobre él:

#formulario_nuevo input[type="submit"]:hover
{
background-color: #f2f2f2;
}

Hacer que un DIV se autocentre

margin-left: auto;
margin-right: auto;


Para que una entrada de texto tenga un valor inicial en caso de estar vacío

Se usa el parámetro placeholder

<input type='text' name='first' placeholder='First Name'>

ejemplo: