.dp50 {width:50%;  float:left;  display: inline;  *margin-right:-1px; }

Este sistema parte del principio de que cada columna puede dividirse en 2, por lo que pueden hacerse layouts de 2, 4, 8, 16… columnas. Obteniendo este resultado:

Funciona con px, em y porcentajes. Es compatible con todos los navagadores, hasta IE5.5. El autor no lo recomienda para producción, si no más bien como una demostración de lo que puede hacerse con solo una línea de CSS.

Otra opción un poco más completa pero ultra pequeña, del mismo autor, es Malo, un  framework CSS de 8 líneas. Y para el que lo anterior no le alcance tiene Emastic y The Golden Grid.

Por mi parte, hice un layout fluido clásico de blog de 3 columnas: header, contenido, dos sidebars y footer.

En conclusión,  1 line CSS Grid Framework es muy fácil de usar y puede servir para crear sistemas de grillas simples.

Supongamos que quiero poner un texto en negrita, ¿utilizo <b> o <strong>? La respuesta es ninguno de los dos, hay que usar la propiedad CSS font-weight. Veamos:

El código XHTML:

<p>Este texto lo quiero en negrita</p>

y el código CSS correspondiente:

p { font-weight: bold; }

El caso de la itálica es similar, debemos usar la propiedad CSS font-style:

p { font-style: italic; }

Entonces, ¿para qué sirven <i> y <b>? Estos tags sirven para dar formato, pero como enseña el Tao del CSS el formato debe darse a través de las hojas de estilo, por lo que en su lugar hay que usar las propiedades CSS font-style y font-weight.

En cuanto a <em> (emphasis) y <strong> (strong emphasis) son elementos estructurales que deben utilizarse en sentido semántico, da la casualidad (o no) que por defecto los navegadores los muestran, respectivamente, como itálica y negrita. Un Talibán de la Accesibilidad nos dirá que un texto con em será leído por un lector de pantalla con más énfasis, y un Maestro del SEO dirá que si ponemos strong a las keywords, Google indexará nuestra página en primer lugar.

Espero que se haya entendido la diferencia. Yo por mi parte no hago mucho caso de todo lo anterior y uso lo que más cómodo me queda.

Los layouts de Code Sucks son perfectos para usar como base en el diseño de templates para CMS.

La siguiente tabla muestra las fuentes más comunes y con que sistemas operativos vienen. Son consideradas fuentes web seguras:

Genérica	Fuente	Windows 9x/2K/XP	Windows Vista	Mac Classic	Mac OS X	Linux Unix
serif	Cambria
	Constantia
	Times New Roman
	Times
	Georgia
sans-serif	Andale Mono
	Arial
	Arial Black
	Calibri
	Candara
	Century Gothic
	Corbel
	Helvetica
	Impact
	Trebuchet MS
	Verdana
cursive	Comic Sans MS
monospace	Consolas
	Courier New
	Courier

La marca verde indica fuentes muy comunes, la amarilla indica fuentes no tan comunes pero generalmente aceptadas como fuentes web seguras.

Para mayor compatibilidad es conveniente indicar fuentes alternativas. Por ejemplo:

#fuente {
font-family: Trebuchet, Verdana, Helvetica, sans-serif;
}

Si la fuente primaria (Trebuchet) no está instalada el navegador usará la siguiente (Verdana), y así sucesivamente. Se indica la fuente genérica al final por si ninguna de las anteriores está instalada (en el ejemplo se mostrará la fuente sans-serif genérica).

Fuente: Dustin Brewer