El estándar CSS 2.1 incluye más de 100 propiedades de todo tipo para diseñar el aspecto de las páginas HTML. No obstante, los diseños web más actuales muestran recursos gráficos que no se pueden realizar con CSS, como sombras, transparencias, esquinas redondeadas y tipografía avanzada. Por ese motivo, es preciso que los diseñadores web profesionales conozcan las técnicas imprescindibles para crear diseños web avanzados.

En las próximas secciones se muestran las siguientes técnicas imprescindibles:

  • Propiedades shorthandpara crear hojas de estilos concisas.
  • La propiedad hasLayoutde Internet Explorer, imprescindible para solucionar muchos errores de ese navegador.
  • Limpiar floats, para trabajar correctamente con los elementos posicionados de forma flotante.
  • Cómo crear elementos de la misma altura, imprescindible para el layouto estructura de las páginas.
  • Sombras, transparencias y esquinas redondeadas, que no se pueden crear con CSS 2.1.
  • Sustitución de texto por imágenes y por Flash, para utilizar cualquier tipografía en el diseño de las páginas.
  • Rollovers y sprites CSSpara mejorar el tiempo de respuesta de las páginas.
  • Técnicas para trabajar con el texto y la tipografía.
Tabla de Contenido
Capítulo 1. Técnicas imprescindibles
1.1. Propiedades shorthand
1.2. La propiedad hasLayout de Internet Explorer
1.3. Limpiar floats
1.4. Elementos de la misma altura
1.5. Sombras
1.6. Transparencias
1.7. Sustitución de texto por imágenes
1.8. Sustitución de texto por Flash
1.9. Esquinas redondeadas
1.10. Rollovers y sprites
1.11. Texto
Capítulo 2. Buenas prácticas
2.1. Inicializar los estilos
2.2. Comprobar el diseño en varios navegadores
2.3. Mejora progresiva
2.4. Depuración
2.5. Hojas de estilos
2.6. Rendimiento
2.7. Recursos imprescindibles
Capítulo 3. Selectores
3.1. Selector de hijos
3.2. Selector adyacente
3.3. Selector de atributos
3.4. Pseudo-clases
3.5. Pseudo-elementos
3.6. Selectores de CSS 3
Capítulo 4. Propiedades avanzadas
4.1. Propiedad white-space
4.2. Propiedad display
4.3. Propiedad outline
4.4. Propiedad quotes
4.5. Propiedad counter-reset
4.6. Propiedad counter-increment
4.7. Propiedad content
Capítulo 5. Frameworks
5.1. El framework YUI
5.2. Primeros pasos con el framework YUI
5.3. Inicializando estilos con el framework YUI
5.4. Texto con el framework YUI
5.5. Layouts con el framework YUI
5.6. Otros frameworks
Capítulo 6. Técnicas avanzadas
6.1. Imágenes embebidas
6.2. Mapas de imagen
6.3. Variables en las hojas de estilos
6.4. Estilos alternativos
6.5. Comentarios condicionales, filtros y hacks
6.6. Selector de navegador
Fuente: Javier Eguíluz Pérez