etiquetas-css

Nunca viene mal tener a mano una chuleta guía sobre las principales etiquetas en CSS.

La lista es para principiantes, así que los usuarios medios y avanzados ya se la sabrán de memoria, pero que no se preocupen, haremos otras guías para ellos también.

Guía de etiquetas CSS

Color del texto

color: green;

Color de fondo

background-color: black;

Repetir fondo imagen horizontalmente

background: white url("/images/bk.gif") repeat-x;

Repetir fondo imagen verticalmente

background: white url("/images/bk.gif") repeat-y;

Eliminar subrayado de un enlace

a { text-decoration:none; }

Negrita

font-weight: bold;

Cursiva

font-style: italic;

Subrayado

text-decoration: underline;

Todas en mayúsculas

text-transform: uppercase;

Capitalizar primera letra de cada palabra

text-transform: capitalize;

Añadir un margen

margin-top: 5px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 20px;

O usa un cuadrado:

margin: 5px 10px 15px 20px;

Espacio

padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;

Cuadrado

padding: 5px 10px 5px 10px;

Cuadrado largo (Si top, bottom y izquierda y derecha tienen el mismo valor):

padding: 5px 10px;