Las 6 técnicas de CSS más importantes que debes conocer

Aunque no tiene porque ser exhaustiva, como bien dice su autor, se hace lectura recomendada “The 6 Most Important CSS Techniques You Need To Know“.

En ella se relatan seis técnicas de CSS que si bien no son imprescindibles, son importantes porque nos ahorrarán mucho trabajo y dolores de cabeza:

1. Conseguir un tamaño de fuente básico consistente.
2. Conseguir márgenes consistentes (“resetear” las etiquetas).
3. Especificar un “float” para limpiar otro.
4. Reemplazo de imágenes.
5. Falsas columnas.
6. Sprites en CSS (explicación propia).

Son técnicas que en mi opinión se aprenden solas con el tiempo y la experiencia (sobretodo con las peleas “para que la web sea cross-browser”) pero nunca viene mal tener resumidas.

4 Comentarios

1. Raul:
   

   No entendí mucho a lo que se refiere con

   Especificar un “float” para limpiar otro.

   Monday, 28 de April/2008 @ 6:34

2. Armonth:
   

   Mira el ejemplo del enlace, se refiere a añadir un float extra (normalmente un div con un “clear: both;”) para “limpiar” los floats y que se vean bien:

   * Ejemplo uno. Sin ninguna limpieza.
   * Ejemplo dos. Convirtiendo el “contenedor” de las dos columnas en un float también. No queda del todo bien.
   * Ejemplo tres. Con el clear:both; queda como debe ser.

   Monday, 28 de April/2008 @ 7:49

3. lyndros:
   

   Mu buen articulo :)

   Sunday, 1 de June/2008 @ 23:39

4. woofer:
   

   Ese punto numero 3 me quedaba duda si era algo valido, pues casi siempre uso un div que tenga la propiedad de clear, que chido saber que las cosas no las hago nada mal

   Wednesday, 4 de June/2008 @ 4:52

Comentarios cerrados