CSS_Webdesign_00_Maquetación 1.qxd

CSS_Webdesign_00:Maquetación 1 09/12/2008 14:44 Página v
Índice B
INTRODUCCIÓN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
xiii
Fundamentos CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
1
¿POR QUÉ CSS? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
¿Qué aporta separar la estructura del diseño? . . . . . . . . . . .
Hechos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Un ejemplo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Extracto de código fuente . . . . . . . . . . . . . . . . . . . . . . . . .
Análisis de una página Web “clásica” . . . . . . . . . . . . . . .
3
4
6
6
6
9
FUNDAMENTOS CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sintaxis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Estructura de las instrucciones de estilo . . . . . . . . . . . . .
Convenciones de escritura . . . . . . . . . . . . . . . . . . . . . . . .
Comentarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Formas de escritura resumidas y abreviadas . . . . . . . . .
Sintaxis propietarias . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
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) . . . . . . . . . . . . . . . . .
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 . . . . . . . .
Propiedades . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
11
13
13
14
15
16
19
20
Capítulo 1
1.1
1.2
Capítulo 2
2.1
2.2
2.3
2.4
Parte A
20
20
21
22
22
22
23
24
25
25
28
29
29
30
32
32
34
34
v
CSS_Webdesign_00:Maquetación 1 09/12/2008 18:05 Página vi
ÍNDICE
2.5
2.6
2.7
Capítulo 3
3.1
3.2
3.3
3.4
3.5
Capítulo 4
4.1
4.2
4.3
vi
Valores para datos de estilo . . . . . . . . . . . . . . . . . . . . . . . . . .
Medidas y unidades . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Colores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
URLs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Jerarquía de estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Cascada (cascade) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
La regla !important . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Specificity . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Resumen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Herencia (inheritance) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Herencia de valores relativos . . . . . . . . . . . . . . . . . . . . . .
inherit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
35
35
36
37
38
38
39
40
41
42
43
44
CONCEPTOS CSS PARA CUADROS
Y SUS PROPIEDADES . . . . . . . . . . . . . . . . . . . . . . . . . .
El cuadro modelo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
width, height, padding, border y margin . . . . . . . . . . . .
Medidas del cuadro . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Collapsing Margins . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Parentesco entre cuadros . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Antepasados y padres, hijos y hermanos . . . . . . . . . . . .
Representación de los cuadros . . . . . . . . . . . . . . . . . . . . . . . .
Cuadros bloque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Cuadros inline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Cuadro anónimo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Elementos substituidos . . . . . . . . . . . . . . . . . . . . . . . . . . .
display . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posicionamiento de los cuadros . . . . . . . . . . . . . . . . . . . . . . .
Posición absoluta . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posición relativa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posición fija . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
float . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
clear - finalizar la flotación . . . . . . . . . . . . . . . . . . . . . . . .
Opciones de muestra de los cuadros . . . . . . . . . . . . . . . . . . .
overflow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
clip . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
visibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
45
46
46
49
50
52
52
54
54
55
57
57
58
58
58
60
60
60
65
68
68
68
69
CONSTRUCCIÓN DE PÁGINAS WEB . . . . . . . . . . . . . .
Planificar la estructura HTML . . . . . . . . . . . . . . . . . . . . . . . . .
Conforme al estándar . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Agrupar los elementos de página . . . . . . . . . . . . . . . . . .
Sin barreras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Hojas de estilo para formatos y plantillas . . . . . . . . . . . . . . .
Hojas de estilo variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Variantes de estilo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Estilos específicos al medio . . . . . . . . . . . . . . . . . . . . . . .
71
72
72
76
77
80
81
81
86
CSS_Webdesign_00:Maquetación 1 09/12/2008 14:44 Página vii
ÍNDICE
Vincular variantes de estilos . . . . . . . . . . . . . . . . . . . . . . .
Estilos importados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
87
89
MÁS TRABAJO CON LOS NAVEGADORES . . . . . . . . . .
Navegadores en general . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Cuarta generación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Navegadores actuales . . . . . . . . . . . . . . . . . . . . . . . . . . . .
El problemático Internet Explorer . . . . . . . . . . . . . . . . . .
Agujeros del navegador - Browser Bugs . . . . . . . . . . . . . . . .
El laboratorio de pruebas . . . . . . . . . . . . . . . . . . . . . . . . .
Análisis de errores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Error detectado - ¿Y ahora? . . . . . . . . . . . . . . . . . . . . . . .
¡Mantenga la calma! . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Trucos y bifurcaciones en CSS . . . . . . . . . . . . . . . . . . . . . . . .
Hacks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Bifurcaciones . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Comentarios condicionales - Conditional Comments . .
Agujeros frecuentes en Internet Explorer . . . . . . . . . . . . . . .
Box Model Bug . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Doctype Switching . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
El agujero Peekaboo . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
El agujero Guillotine . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3 Pixel Jog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Hechos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
¿Una reprimenda a Internet Explorer? . . . . . . . . . . . . . . . . . .
95
96
97
98
99
103
103
105
106
109
109
110
114
118
121
122
123
126
129
129
131
132
Práctica
..................................................
135
Capítulo 6
6.1
6.2
DISEÑO DE PÁGINAS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Asignación de fuentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Asignar color y fondo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Imágenes de fondo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Áreas de página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
¿Fijo, fluido o elástico? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Fijo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Fluido . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Elástico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Orden de los bloques de contenido . . . . . . . . . . . . . . . . . . . .
Centrar el diseño . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Diseños escalados horizontalmente . . . . . . . . . . . . . . . . . . . .
"Columnas" seguidas (Faux Columns) . . . . . . . . . . . . . . . . .
Llenar todo el alto de pantalla . . . . . . . . . . . . . . . . . . . . . . . .
Falsas columnas y altura completa . . . . . . . . . . . . . . . . . . . . .
137
138
143
144
147
150
150
151
152
153
155
157
159
162
166
Capítulo 5
5.1
5.2
5.3
5.4
5.5
6.3
6.4
6.5
6.6
6.7
6.8
6.9
6.10
Parte B
vii
CSS_Webdesign_00:Maquetación 1 09/12/2008 14:44 Página viii
ÍNDICE
6.11
Áreas fijas (Faux Frames) . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Header y footer fijos . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Header y footer mejorados . . . . . . . . . . . . . . . . . . . . . . .
173
175
177
Capítulo 7
7.1
ELEMENTOS DE PÁGINA . . . . . . . . . . . . . . . . . . . . . . .
Listas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Herencia dentro de las listas . . . . . . . . . . . . . . . . . . . . . .
Sangrado de los niveles de la lista . . . . . . . . . . . . . . . . .
Formato de los elementos de lista . . . . . . . . . . . . . . . . .
Vínculos en las listas . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Menús . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Menús verticales con listas . . . . . . . . . . . . . . . . . . . . . . . .
Menús horizontales con listas . . . . . . . . . . . . . . . . . . . . .
Menú con pestañas . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Menú desplegable horizontal . . . . . . . . . . . . . . . . . . . . .
Formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posicionamiento de los elementos de formulario . . . . .
Dar formato a los elementos de formulario . . . . . . . . . .
Tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
El modelo de tabla CSS . . . . . . . . . . . . . . . . . . . . . . . . . .
181
182
182
183
185
189
191
193
194
195
197
201
201
205
211
214
(NO SÓLO) GENERALIDADES . . . . . . . . . . . . . . . . . . . .
"Botones" de menú . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Teaser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Teaser escalable con vértices redondeados . . . . . . . . . . . . . .
Vínculos con iconos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Listas con iconos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Substitución de imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Fahrner Image Replacement (FIR) . . . . . . . . . . . . . . . . . .
El método Gilder/Levin . . . . . . . . . . . . . . . . . . . . . . . . . . .
Mapas de imágenes (ImageMaps) con CSS . . . . . . . . . . . . .
Un pequeño cuadro info . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Líneas de separación (regla horizontal) . . . . . . . . . . . . . . . . .
Tooltipp I . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Tooltipp II . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Iniciales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Acrónimos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Pasar páginas sin saltos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Propietarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Scrollbar - Barra de desplazamiento . . . . . . . . . . . . . . . .
Opacity - Opacidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Ángulos redondeados . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Consejos para una variante de texto . . . . . . . . . . . . . . . . . . .
Consejos sobre estilos para una variante de impresión . . . .
Hojas de estilo ordenadas . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Obstáculos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
217
218
221
221
223
224
226
227
228
229
235
238
238
239
240
242
242
243
243
244
245
245
248
250
255
7.2
7.3
7.4
Capítulo 8
8.1
8.2
8.3
8.4
8.5
8.6
8.7
8.8
8.9
8.10
8.11
8.12
8.13
8.14
8.15
8.16
8.17
8.18
8.19
viii
CSS_Webdesign_00:Maquetación 1 09/12/2008 14:44 Página ix
ÍNDICE
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 . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
257
257
258
258
258
258
259
259
259
Referencia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
261
Capítulo 9
9.1
9.2
263
264
266
266
266
266
267
267
267
268
268
268
269
270
271
271
271
272
272
272
272
273
273
274
274
274
275
275
276
276
276
9.3
9.4
9.5
PROPIEDADES CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Índice de propiedades . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Colores y fondo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
background-color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
background-image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
background-repeat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
background-position . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
background-attachment . . . . . . . . . . . . . . . . . . . . . . . . . .
background (resumido) . . . . . . . . . . . . . . . . . . . . . . . . . .
Fuente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
font-size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
font-family . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
font-weight . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
font-style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
font-variant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
font (abreviado) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
font-size-adjust . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
font-stretch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
text-decoration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
text-transform . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
word-spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
letter-spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
text-shadow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
cursor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Propiedades de cuadro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
width . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
max-width . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
min-width . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
height . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Parte C
ix
CSS_Webdesign_00:Maquetación 1 09/12/2008 14:44 Página x
ÍNDICE
9.6
9.7
9.8
9.9
9.10
9.11
x
max-height . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
min-height . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
margin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
padding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
border-width . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
border-style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
border-color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
border (forma abreviada) . . . . . . . . . . . . . . . . . . . . . . . .
text-align . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
white-space . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
text-indent . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
line-height . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
vertical-align . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Opciones de muestra y "representación" . . . . . . . . . . . . . . .
display . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
float . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
clear . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
position . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
top, right, bottom, left . . . . . . . . . . . . . . . . . . . . . . . . . . . .
z-index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
overflow . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
clip . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
visibility . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Listas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
list-style-type . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
list-style-image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
list-style-position . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
list-style (forma abreviada) . . . . . . . . . . . . . . . . . . . . . . .
marker-offset . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Tablas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
caption-side . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
table-layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
border-collapse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
border-spacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
empty-cells . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Internacionalización . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
direction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
unicode-bidi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Contenidos generados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Los pseudo-elementos :before y :after . . . . . . . . . . . . . .
content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
quotes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
counter-reset . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
counter-increment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Diseño (layout) de página y salto de página . . . . . . . . . . . . .
@page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
size . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
277
277
277
278
278
278
279
279
280
280
281
281
282
283
283
284
284
284
285
286
286
287
287
288
288
289
289
290
290
290
290
290
291
291
292
292
293
293
293
294
294
295
295
296
296
296
296
CSS_Webdesign_00:Maquetación 1 09/12/2008 14:44 Página xi
ÍNDICE
9.12
9.13
marker . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
page-break-after . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
page-break-before . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
page-break-inside . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
orphans . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
widows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Entorno de programa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
outline-width . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
outline-style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
outline-color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
outline (forma abreviada) . . . . . . . . . . . . . . . . . . . . . . . .
Emisión de voz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
azimuth . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
cue-before . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
cue-after . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
cue (forma abreviada) . . . . . . . . . . . . . . . . . . . . . . . . . . .
elevation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
pause-before . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
pause-after . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
pause (forma abreviada) . . . . . . . . . . . . . . . . . . . . . . . . .
pitch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
pitch-range . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
play-during . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
richness . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
speak . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
speak-header . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
speak-punctuation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
speak-numeral . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
speech-rate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
stress . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
voice-family . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
volume . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
297
297
297
297
298
298
298
299
299
299
299
300
300
300
301
301
301
301
301
302
302
302
302
302
303
303
303
303
303
304
304
304
xi