Como en los otros lenguajes de programación en CSS también se pueden hacer comentarios, con /* (para abrir) */ (para cerrar). Es básico comentar la hoja de estilo ya que por la cantidad de código que hay si el proyecto es grande es muy factible perder tiempo tratando de encontrar algo que se requiera
cambiar.
6) CSS Reset.-
El mejor código de reset es el de Eric Meyer’s que ha sido adoptado por un buen numero de Web Designers como un "MUST BE".
La intensión de la hoja de reseteo es la de reducir las inconsistencias de los browsers en cosas como heights, margins, font sizes, etc.
CSS RESET code:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font‐size: 100%;
vertical‐align: baseline;
background: transparent;
}
body
{
line‐height: 1;
}
ol, ul
{
list‐style: none;
}
7)Estados de los links.-
Definir los estados de los links es muy importante para poder tener la misma experiencia de navegación en todos los tipos de browsers.
a:link {color: blue;}
a:visited {color: purple;}
a:hover {color: red;}
a:active {color: yellow;}
Para mayor información sobre las pseudo clases:
http://www.westciv.com/style_master/academy/css_tutorial/selectors/p_class_selectors.html
8)No cambiar el font con pixels sino con EM .-
Un común error en el diseño web es el asignar el tamaño del font en pixels. El problema está en los UAs de Microsoft. La opción de Text size no funciona si la pagina asigna tamaños a los fonts en pixels ya que Microsoft piensa que el pixel es una medida absoluta y no debe ser cambiada., al asignar el tamaño del font a 62.5% estamos haciendo que un decimo de EM sea igual al tamaño de un pixel. Cosa que
podemos asignar los tamaños en EM pensando en pixels.
Asignacion:
body {font‐size:62.5%;}
Después de la asignación, 1 EM será equivalente a 10 pixels.
div.content { font‐size:15px } = div.content {font‐size:1.5em}
9) Limpiar los contenedores que estén con Float:
Esto es bastante bueno para cuando tienes bloques con background o borde que tengan elementos flotantes adentro.
Ejemplo:
Content
Text not inside the float
