Detalle del libro
Ver Índice
Fundamentos CSS
Capítulo 1 ¿POR QUÉ CSS?
1.1 ¿Qué aporta separar la estructura del diseño?
Hechos
1.2 Un ejemplo
Extracto de código fuente
Análisis de una página Web “clásica”
Capítulo 2 FUNDAMENTOS CSS
2.1 Sintaxis
Estructura de las instrucciones de estilo
Convenciones de escritura
Comentarios
Formas de escritura resumidas y abreviadas
Sintaxis propietarias
2.2 Vincular hojas de estilo en archivos HTML
Instrucciones de estilo directamente en la
etiqueta HTML (inline)
Instrucciones de estilo en la cabecera del
documento (embedded)
Hojas de estilo vinculadas (extern)
2.3 Selectores
Selector universal
Selectores de elemento o de tipo
Selectores de clase
Selectores ID
Selectores avanzados
Selectores descendientes (descendant selectors)
Selector hijo (child selector) .
Selectores de hermanos adyacentes
(adjacent sibling selectors)
Selectores de atributo
Pseudo clases
Pseudo clases de estructura
Pseudo elementos
Resumen de problemas con Internet Explorer
2.4 Propiedades
2.5 Valores para datos de estilo
Medidas y unidades
Colores
URLs
2.6 Jerarquía de estilos
Cascada (cascade)
La regla !important
Specificity
Resumen
2.7 Herencia (inheritance)
Herencia de valores relativos
inherit
Capítulo 3 CONCEPTOS CSS PARA CUADROS Y SUS PROPIEDADES
3.1 El cuadro modelo
width, height, padding, border y margin
Medidas del cuadro
Collapsing Margins
3.2 Parentesco entre cuadros
Antepasados y padres, hijos y hermanos
3.3 Representación de los cuadros
Cuadros bloque
Cuadros inline
Cuadro anónimo
Elementos substituidos
display
3.4 Posicionamiento de los cuadros
Posición absoluta
Posición relativa
Posición fija
float
clear - finalizar la flotación
3.5 Opciones de muestra de los cuadros
overflow
clip
visibility
Capítulo 4 CONSTRUCCIÓN DE PÁGINAS WEB
4.1 Planificar la estructura HTML
Conforme al estándar
Agrupar los elementos de página
Sin barreras
4.2 Hojas de estilo para formatos y plantillas
4.3 Hojas de estilo variables
Variantes de estilo
Estilos específicos al medio
Vincular variantes de estilos
Estilos importados
Capítulo 5 MÁS TRABAJO CON LOS NAVEGADORES
5.1 Navegadores en general
Cuarta generación
Navegadores actuales
El problemático Internet Explorer
5.2 Agujeros del navegador - Browser Bugs
El laboratorio de pruebas
Análisis de errores
Error detectado - ¿Y ahora?
¡Mantenga la calma!
5.3 Trucos y bifurcaciones en CSS
Hacks
Bifurcaciones
Comentarios condicionales - Conditional Comments
5.4 Agujeros frecuentes en Internet Explorer
Box Model Bug
Doctype Switching
El agujero Peekaboo
El agujero Guillotine
3 Pixel Jog
Hechos
5.5 ¿Una reprimenda a Internet Explorer?
Práctica
Capítulo 6 DISEÑO DE PÁGINAS
6.1 Asignación de fuentes
6.2 Asignar color y fondo
Imágenes de fondo
6.3 Áreas de página
6.4 ¿Fijo, fluido o elástico?
Fijo
Fluido
Elástico
6.5 Orden de los bloques de contenido
6.6 Centrar el diseño
6.7 Diseños escalados horizontalmente
6.8 "Columnas" seguidas (Faux Columns)
6.9 Llenar todo el alto de pantalla
6.10 Falsas columnas y altura completa
6.11 Áreas fijas (Faux Frames)
Header y footer fijos
Header y footer mejorados
Capítulo 7 ELEMENTOS DE PÁGINA
7.1 Listas
Herencia dentro de las listas
Sangrado de los niveles de la lista
Formato de los elementos de lista
Vínculos en las listas
7.2 Menús
Menús verticales con listas
Menús horizontales con listas
Menú con pestañas
Menú desplegable horizontal
7.3 Formularios
Posicionamiento de los elementos de formulario
Dar formato a los elementos de formulario
7.4 Tablas
El modelo de tabla CSS
Capítulo 8 (NO SÓLO) GENERALIDADES
8.1 "Botones" de menú
8.2 Teaser
8.3 Teaser escalable con vértices redondeados
8.4 Vínculos con iconos
8.5 Listas con iconos
8.6 Substitución de imágenes
Fahrner Image Replacement (FIR)
El método Gilder/Levin
8.7 Mapas de imágenes (ImageMaps) con CSS
8.8 Un pequeño cuadro info
8.9 Líneas de separación (regla horizontal)
8.10 Tooltipp I
8.11 Tooltipp II
8.12 Iniciales
8.13 Acrónimos
8.14 Pasar páginas sin saltos
8.15 Propietarios
Scrollbar - Barra de desplazamiento
Opacity - Opacidad
Ángulos redondeados
8.16 Consejos para una variante de texto
8.17 Consejos sobre estilos para una variante de impresión
8.18 Hojas de estilo ordenadas
8.19 Obstáculos
8.20 Una breve mirada al futuro
Modularización
Selectores
Diseño con columnas
Diseño de página (paged media)
Interfaz de usuario (appearance)
Colores
Emisión en voz
Internacionalización
Referencia
Capítulo 9 PROPIEDADES CSS
9.1 Índice de propiedades
9.2 Colores y fondo
color
background-color
background-image
background-repeat
background-position
background-attachment
background (resumido)
9.3 Fuente
font-size
font-family
font-weight
font-style
font-variant
font (abreviado)
font-size-adjust
font-stretch
9.4 Texto
text-decoration
text-transform
word-spacing
Familiarizarse con CSS requiere de un cierto trabajo previo. Y es que CSS no es sólo un lenguaje con un numero determinado de vocablos para "traducir" textos, sino que ofrece, más allá de eso, una serie de herramientas con un amplio potencial de uso. Con un reducido numero de aplicaciones se pueden obtener una gran variedad de opciones de diseño.
Este libro va dirigido tanto al principiante ambicioso como al usuario avanzado, ya que incluye una completa introducción de conceptos básicos y una parte práctica que abarca las "recetas" básicas para los elementos Web más sencillos y el desarrollo, paso a paso, de un sitio Web completo: desde la estructura semántica hasta la elaboración de complejos diseños.
Le recomendamos que utilice desde el principio el material adicional que acompaña a cada capítulo como material de práctica para poder detectar así cualquier interpretación dudosa o incompleta que pudieran dar los diferentes navegadores. A menudo no se indica claramente si el navegador X soporta la característica Y, ya que en muchos casos depende del contexto en que se asignó la característica. En casos así le será de inmensa ayuda el entrenamiento hands-on que adquirirá con los contenidos del material adicional, que podrá encontrar en la sección del libro de la página web de Marcombo: www.marcombo.com.
Ralph G. Schulz trabaja en Berlín como docente, autor y desarrollador web independiente desde los primeros días de la www. El punto fuerte de los trabajadores de su agencia son la concepción y el desarrollo de ofertas web con las mínimas barreras posibles.
Su compromiso con los estándares Web y sus trabajos libres de barreras fueron premiados en el 2005 con el Premio Especial BIENE a uno de sus proyectos.
