CSS

Las hojas de estilo en cascada, o CSS, son un lenguaje formal con el que se define la p de las páginas en HTML o XML. Aunque es una tecnología sencilla de usar, no todos los diseñadores Web la dominan completamente, y eso provoca en ocasiones fallos e incoherencias en los navegadores. Este libro ofrece consejos, trucos y técnicas, para así lograr ser un auténtico experto en el uso y manejo de CSS. Aprenderá técnicas prácticas con CSS que podrá aplicar inmediatamente a sus proyectos. Descubrirá cómo solucionar incoherencias en los navegadores y errores comunes, además de aplicar hacks y filtros, y realizar enlaces profesionales, formularios y layouts puros.

Prefacio Introducció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 A. More than Doodles &n 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 B. Tuscany Luxury Resorts &n 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 C. Elemen D. Elemen F. Eventos intrín alfabético

Otro libro de Budd, Andy ... [et al.] es Diseño Y Desarrollo De Blogs.