PrefacioIntroducción
¿Para quién es este libro?
¿Cómo está estructurado el libro?
Convenciones utilizadas en este libro
Capítulo 1. Fundamentos básicos
Estructurar su código
Utilizar marcación con sentido
ID y nombres de clase
Div y span
Tipos de documento, DOCTYPE switchingy modos de navegador
Validación
Modos del navegador
DOCTYPE switching
Hacer que sus estilos alcancen el objetivo
Selectores comunes
Pseudoclases
El selector universal
Selectores avanzados
Selectores hijo y hermano adyacente
Selectores de atributo
La cascada y especificidad
Especificidad
Utilizar especificidad en sus hojas de estilo
Añadir una clase o un ID a la etiqueta body
Herencia
Planificar, organizar y mantener sus hojas de estilo
Aplicar estilos a su documento
Comentar su código
Añadir comentarios estructurales
Notas para uno mismo
Eliminar comentarios y optimizar sus hojas de estilo
Guías de estilo
Organizar sus hojas de estilo para un mantenimiento más sencillo
Resumen
Capítulo 2.Modelo de formato visual
Modelo de caja
IE/Win y el modelo de caja
Combinar márgenes
Posición
El modelo de formato visual
Posición relativa
Posición absoluta
Posición fija
Flotar
Cajas de línea y dejar espacio
Resumen
Capítulo 3. Imágenes de fondo y sustitución de imágenes
Fundamentos básicos de imágenes de fondo
Cajas de esquinas redondeadas
Esquinas redondeadas de anchura fija
Esquinas redondeadas flexibles
Esquinas en escalera
Sombras
Crear sombras con CSS
Sombras a la Clagnut
Sombras borrosas
Sombras de papel de cebolla
Sustitución de imágenes
Fahrner Image Replacement (FIR)
Phark
Método Gilder/Levin
Inman Flash Replacement (IFR) y Scalable Inman Flash Replacement (sIFR)
Resumen
Capítulo 4. Aplicar estilo a los vínculos
Aplicar estilo a vínculos
Divertirse con los subrayados
Divertidos subrayados de vínculos
Destacar diferentes tipos de vínculo
Destacar documentos descargables y feeds
Crear botones de rollovers
Rollovers sencillos
Rollovers con imágenes
Rollovers al estilo Pixy
Estilos de vínculo visitado
Descripciones emergente CSS puras
Resumen
Capítulo 5. Aplicar estilo a listas y crear barras de navegación
Aplicar estilo básico de lista
Crear una barra de navegación vertical
Resaltar la página actual en una barra de navegación
Crear una barra de navegación horizontal
Navegación simplificada de pestañas deslizantes
Mapas de imagen CSS
Mapas de imágenes al estilo flickr
Rollovers remotos
Una pequeña nota sobre las listas de definición
Resumen
Capítulo 6. Aplicar estilo a formulariosy tablas de datos
Aplicar estilo a tablas de datos
Elementos específicos de tabla
summary y caption
thead, tbody y tfoot
col y colgroup
Código de tabla de datos
Aplicar estilo a la tabla
Añadir el estilo visual
Complementos adicionales
Diseño sencillo de formulario
Elementos de formulario de utilidad
Etiquetas de formulario
El diseño básico
Otros elementos
Adornos
Campos obligatorios
Diseño de formulario complicado
Entrada de fecha accesible
Casillas de verificación multicolumna
Feedback de formulario
Resumen
Capítulo 7. Diseño
Centrar un diseño
Centrar un diseño utilizando márgenes automáticos
Centrar un diseño utilizando posición y márgenes negativos
Diseños flotantes
Diseño flotante de dos columnas
Diseño flotante de tres columnas
Diseño de anchura fija, líquido y elástico
Diseños líquidos
Diseños elásticos
Híbrido elástico-líquido
Imágenes líquidas y elásticas
Columnas falsas
Resumen
Capítulo 8. Hacks y filtros
Una introducción a hacks y filtros
Un aviso sobre los hacks y filtros
Utilizar hacks de forma sensata
Filtrar hojas de estilo separadas
Comentarios condicionales de Internet Explorer
Filtros paso banda
Filtrar reglas individuales y declaraciones
El hack de selector hijo
Hack de selector de atributo
El hack de estrella de HTML
Hack de barra invertida comentada para IE/Mac
El hack de propiedad escapada
Hack del modelo caja de Tantek
El hack modificado del modelo de caja simplificado
Los hacks !important y subrayado
El hack de Owen
Resumen
Capítulo 9. Errores y solución de errores
Buscar errores
Problemas CSS comunes
Problemas con la especificad y tipo de orden
Problemas con combinar márgenes
Fundamentos básicos de búsqueda de errores
Aislar el problema
Crear un caso de prueba mínimo
Solucionar el problema, no los síntomas
Pedir ayuda
Tener "diseño"
¿Qué es "diseño"?
¿Qué efecto tiene el diseño?
Errores comunes y sus soluciones
Error de flotante de margen doble
Error de empujar texto en tres píxeles
Error de duplicar carácter en IE 6
Error ahora te veo, ahora no te veo
Posicionamiento absoluto en un contenedor relativo
Dejar de meterse con Internet Explorer
Resumen
Apéndice A. More than Doodles
Sobre este apéndice
Controlar el área de contenido con selectores descendientes
El XHTML
Una nota sobre las convenciones de nombrado
Diseño de tres columnas
Diseño de dos columnas
Diseño de una columna
Eliminar columnas no deseadas
Flotar las columnas
Los cálculos
Flotar las columnas en el lugar correcto
Destacar la página actual basándose en la clase del body
Cuadros desplegables para columnas
Esquinas cuadradas o redondeadas, usted decide
Esquinas cuadradas planas
Por lo tanto, preparémonos para algo especial
Esquinas y bordes personalizados, transparentes
Las imágenes
El CSS
Combinar clases para acciones
Clases de imagen y excepciones
Imágenes predeterminadas
Imágenes propias
Imágenes más grandes
Tratar con vínculos
Entender los vínculos de la barra lateral
Vínculos visitados con marca de comprobación
LAHV, no LVHA
Destacar vínculos externos
Sombras flotantes (galería)
Aplicar sombras
Flotar las imágenes
Resumen
Apéndice B. Tuscany Luxury Resorts
Sobre este apéndice
El diseño fluido
Cuerpo y contenedor
Encabezado/Titulares
Contenido y barra lateral
Propiedades de diseños fluidos
Pie de página
Resolver problemas de diseño fluido
Alinear elementos utilizando posicionamiento absoluto
Propiedades de ubicación (top, bottom, left, right)
Orden de apilamiento (z-index)
Técnicas de imagen de fondo
Dividir la parte superior en tres
Blindar un fondo
Sustitución de imágenes
Sustitución de imagen de logo
Sustitución de imagen de la primera letra
Imágenes fluidas
Codificar una imagen fluida
Utilizar un solo elemento de lista para múltiples elementos
Codificar el menú
Resumen
Apéndice C. Elementos de HTML 4.01
Apéndice D. Elementos y atributos (X)HTML
Apéndice E. Propiedades de CSS 2.1
Apéndice F. Eventos intrínsecos
Índice alfabético
