Las hojas de estilo en cascada se han convertido en un recurso imprescindible en el diseño Web. Entre sus principales virtudes se encuentra la reducción del peso global de una página Web, su independencia con respecto al código, y su flexibilidad para aportar estilos para diferentes medios, como pantallas de ordenador, dispositivos móviles, impresoras o dispositivos de Braille, entre otros. Este Manual Imprescindible enseña los conocimientos básicos sobre CSS. Con la ayuda y opiniones de importantes especialistas se realiza un viaje por el interior de las hojas de estilo en cascada, su estructura, marcado, integración y uso en documentos HTML o XHTML. Aprenderá a organizar el marcado a la hora de diseñar, a transformar un diseño creado con un editor gráfico como Photoshop en una hoja de estilos limpia y preparada, y a completar la transición de la vieja filosofía de trabajo con tablas HTML al nuevo modelo de caja. En este libro han colaborado el estadounidense Christopher Schmitt, reconocido autor de libros sobre CSS; Aravind Ajith, programador y diseñador freelance afincado en Bangalore, India, o el padre de las hojas de estilo en cascada, el noruego Hakon Wium Lie, que responde a interesantes preguntas planteadas por el autor sobre el futuro de CSS. También han participado los principales evangelistas sobre hojas de estilo en cascada de Mozilla Firefox y Microsoft Internet Explorer.AgradecimientosSobre el autorPrólogoIntroducciónEl sueño del viejo maquetador: De las tablas al diseño flexibleCSS, la reivindicación de un estándar para dar estilo a la Web¿Por qué CSS? Entrevista con Håkon Wium LieLos navegadores, el duelo de titanes por las reglas CSSEntrevista con Arun Ranganathan, impulsor de estándares Web en Mozilla CorporationEntrevista con David Salgado, developer evangelist de Microsoft IbéricaLa W3C y las diferentes normasCómo usar este libroA quién va dirigido el libroEstructura del libroUn apunte sobre la forma de escribir código CSSHerramientas y consejosCapítulo 1. Los primeros pasos¿Qué son las hojas de estilo en cascada?¿Por qué utilizar CSS?Herencia y cascadaHerenciaInterrumpir la herenciaCascadaUtilizar CSS en un documentoSintaxis de un estilo CSS básicoLa importancia de un código limpio y bien estructuradoEl uso de comentariosCapítulo 2. Diferentes estilos CSS para diferentes mediosCómo usar dos o más hojas de estilo en un mismo documentoAplicar dos hojas de estilo a un mismo documento, un ejemplo prácticoCapítulo 3. Uso de selectores para aplicar estilosUn amplio abanico de selectoresLos selectores básicosSelectores universalesSelectores de etiqueta o selectores tipoSelectores de claseSelectores IDLos selectores avanzadosSelectores descendentesSelectores hijoSelectores adyacentesSelectores de atributosAgrupación de declaraciones y reglasPseudo-elementosPseudo-clasesCapítulo 4. Medidas y coloresLas medidasUnidades de medida absolutasPulgadas (in)Centímetros (cm)Milímetros (mm)Puntos (pt)Picas (pc)Unidades de medida relativasPíxeles (px)EMEXUnidades de medida porcentualesEl uso del colorPalabras claveValores RGB hexadecimalesValores RGB DecimalesValores RGB porcentualesUso de Colorschemer StudioCapítulo 5. El modelo de cajaSi quieres diseñar, en una caja has de confiarCuidado con Internet ExplorerPropiedades del modelo cajaWidthHeightMarginPaddingBorderOutlineBackgroundCapítulo 6. Posicionamiento y visualización con CSSElementos a nivel de bloque y elementos a nivel de líneaPropiedades de posicionamientoPosicionamiento estático (static)Posicionamiento relativo (relative)Posicionamiento absoluto (absolute)Posicionamiento fijo (fixed)Posicionamiento flotante (float)Propiedades de visualizaciónDisplayVisibilityOverflowZ-indexClipWhite-spaceCapítulo 7. Tomando el control de la tipografía y los textosSeleccionando la mejor tipografíaTrucos para utilizar otras fuentes tipográficasMétodo sIFRLa tipografíaColorFont-familyFont-sizeFont-styleFont-variantFont-weightLetter-spacingLos textosDirectionLine-heightText-alignText-decorationText-indentText-transformUnicode-bidiVertical-alignWord-spacingOtras propiedades de texto más sofisticadasFirst-letterFirst-lineResaltando textos como si utilizara un marcador fluorescenteAplicando sombras a los textosAplicando gradientes a los titularesCapítulo 8. Tratamiento de vínculosCambiar las propiedades básicas de los vínculosCambiar las propiedades avanzadas de los vínculosColocar un icono al final de un vínculoCrear un menú con vínculos rolloverCapítulo 9. Aplicar estilos a las imágenesEstilos básicos a aplicar a las imágenesEliminar el borde de una imagen cuando actúe de enlaceCrear marcos fotográficos a las imágenesImágenes de fondoAplicar un gradiente repetido en el eje xAplicar dos imágenes de fondo al documentoSobreimprimir información a una imagenCapítulo 10. Dar estilo a las listasLas listas en HTMLPropiedades de listaList-style-typeList-imageList-positionCrear divisores de línea entre elementos de listaConvertir una lista en un menú horizontalCapítulo 11. Las tablas, esas viejas olvidadasNociones básicas de creación de tablas en HTMLDando formato a la tablaBordes de las tablasEstilos dentro de celdas de tabla y de filas de tablaEfectos de resaltado sobre celdasModificando las propiedades de la leyenda de tablaOcultar las celdas vacíasCapítulo 12. Diseñando la páginaDiseño fijo de una columna con cabecero, menú, contenido y faldónMezcla de diseño fijo y fluido de una columna con cabecero, contenido y faldónDiseño a tres columnas con cabecero y pieCentrar un layout en la ventana del navegadorCapítulo 13. Construir una Web real con la ayuda de CSSLa etapa del diseño gráfico: El karmaCreación de la estructura en HTMLCreación de los estilos CSSEl fondo (background) del proyectoEl envoltorioLetras semitransparentesEl bloque de los contenidosLa primera línea de contenidosLa segunda línea de contenidosLa tercera línea de contenidosLa cuarta línea de contenidosLas letras invertidasLa imagen de la novia en posición absolutaCapítulo 14. Diseñar la Web de un organismo público con CSS y Server Side IncludesEl proyectoLa estructuraServer Side IncludesEl diseño con PhotoshopLa programación del proyectoEl fondo del proyectoEl contenedor de contenedoresEl cabeceroLa pestaña informativa superior con la fechaEl logotipo y las pestañas de serviciosLa foto principal y el menú verticalEl área de noticias y el lateral derecho, la informaciónEl faldónApéndiceRecursos Web sobre CSSWebs realizadas con CSS seleccionadas por el autorAplicaciones para el diseño con alfabético
