Podr descargar algunos elementos de este libro en la pgina web de Ediciones ENI:

http://www.ediciones-eni.com
Escriba la referencia ENI del libro RIT5HTM en la zona de bsqueda y valide.
Haga clic en el ttulo y despus en el vnculo de descarga.

Parte 1: HTML5
Presentacin de HTML5

Captulo 1

A. Breve historia de Html5 . . . . . . . . . . . . . . . . .

16

B. Lneas maestras de Html5 . . . . . . . . . . . . . . . .

17

C. Las novedades de Html5 . . . . . . . . . . . . . . . . .

18

D. Html5 es un lenguaje de etiquetas . . . . . . . . . . . . .

20

1. Etiquetas . . . . . . . . . . . . . . . . . . . . . . . . .
2. Atributos de etiqueta . . . . . . . . . . . . . . . . . . . .

20
21

E. Uso correcto de las etiquetas . . . . . . . . . . . . . . .

22

F.

Etiquetas y atributos Html 4.0 desaparecidos . . . . . . . .

22

1. A nivel de etiquetas . . . . . . . . . . . . . . . . . . . .
2. A nivel de atributos. . . . . . . . . . . . . . . . . . . . .

22
23

G. Los navegadores de nuestro estudio . . . . . . . . . . . .

24

H. El documento Html5 mnimo . . . . . . . . . . . . . . .

26

1.
2.
3.
4.
5.
6.

I.

El doctype y su importancia . . . . .
La etiqueta Html . . . . . . . . . .
El encabezado del documento . . . .
El ttulo del documento . . . . . . .
La codificacin (charset) del documento
El cuerpo del documento . . . . . .

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

26
27
27
29
29
31

Modo de proceder . . . . . . . . . . . . . . . . . . . .

31

Domine los estndares de las aplicaciones Web

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

.
.
.
.
.
.

Contenido
J.

Validacin de cdigo Html5. . . . . . . . . . . . . . . .

Primeros elementos de las hojas de estilo

33

Captulo 2

A. Prembulo . . . . . . . . . . . . . . . . . . . . . . .

38

B. Propiedades de estilo . . . . . . . . . . . . . . . . . .

38

C. Selectores . . . . . . . . . . . . . . . . . . . . . . .

39

D. Incorporacin del estilo . . . . . . . . . . . . . . . . .

40

El texto

Captulo 3

A. Texto simple . . . . . . . . . . . . . . . . . . . . . .

44

B. Salto de lnea

. . . . . . . . . . . . . . . . . . . . .

45

C. Negrita . . . . . . . . . . . . . . . . . . . . . . . .

46

D. Cursiva . . . . . . . . . . . . . . . . . . . . . . . .

47

E. Exponentes y subndices . . . . . . . . . . . . . . . . .

48

F.

Otras etiquetas de texto . . . . . . . . . . . . . . . . .

49

1. Texto tachado . . . . . . . . . . . . . . . . . . . . . . .
2. Texto preformateado . . . . . . . . . . . . . . . . . . . .
3. Direccin del texto . . . . . . . . . . . . . . . . . . . . .

49
50
51

G. Comentarios . . . . . . . . . . . . . . . . . . . . . .

52

H. Caracteres especiales . . . . . . . . . . . . . . . . . .

53

I.

Etiquetas Html 4.0 suprimidas . . . . . . . . . . . . . .

54

J.

Dar formato al texto con las hojas de estilo . . . . . . . . .

55

1. Negrita . . . . . . . . . . . . . . . . . . . . . . . . . .
2. Cursiva . . . . . . . . . . . . . . . . . . . . . . . . . .
3. Tamao de letra . . . . . . . . . . . . . . . . . . . . . .

55
56
57

HTML5 y CSS3

Contenido
4. Color del texto . . . . . . . . . . . . . . . . . . . . . . .
5. Alineacin . . . . . . . . . . . . . . . . . . . . . . . .
6. Subrayado . . . . . . . . . . . . . . . . . . . . . . . .

Estructura del documento

58
59
60

Captulo 4

A. Ttulos. . . . . . . . . . . . . . . . . . . . . . . . .

64

B. Prrafos . . . . . . . . . . . . . . . . . . . . . . . .

66

C. Citas . . . . . . . . . . . . . . . . . . . . . . . . .

67

D. Separadores horizontales . . . . . . . . . . . . . . . . .

69

E. Listas . . . . . . . . . . . . . . . . . . . . . . . . .

70

1.
2.
3.
4.

F.

Listas
Listas
Listas
Listas

ordenadas . .
no ordenadas
anidadas . .
de definicin .

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

70
72
73
74

Divisiones de pgina . . . . . . . . . . . . . . . . . . .

76

1. Elementos de bloque . . . . . . . . . . . . . . . . . . . .
2. Elementos en lnea . . . . . . . . . . . . . . . . . . . . .

76
78

Enlaces

.
.
.
.

Captulo 5

A. Insertar un enlace . . . . . . . . . . . . . . . . . . . .

82

B. Enlaces a otra pgina . . . . . . . . . . . . . . . . . .

83

1. Enlaces a una pgina situada en la misma carpeta

2. Enlaces a una pgina situada en otra carpeta . . .
a. Enlace desde indice.htm hacia pagina1.htm . .
b. Enlace desde pagina1.htm hacia pagina2.htm .
c. Enlace desde pagina2.htm hacia indice.htm . .

.
.
.
.
.

83
84
84
85
85

C. Enlaces al interior de una pgina . . . . . . . . . . . . .

86

Domine los estndares de las aplicaciones Web

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

Contenido
D. Enlaces a otro sitio . . . . . . . . . . . . . . . . . . .

88

E. Enlace a una direccin email . . . . . . . . . . . . . . .

88

F.

Enlaces para descargar un archivo . . . . . . . . . . . . .

89

G. Enlaces hacia una ventana especfica . . . . . . . . . . .

90

H. Color y subrayado en los enlaces . . . . . . . . . . . . .

91

I.

Descripcin acerca del enlace . . . . . . . . . . . . . . .

92

J.

Nuevas posibilidades con los enlaces . . . . . . . . . . . .

93

Tablas

Captulo 6

A. Prembulo . . . . . . . . . . . . . . . . . . . . . . .

96

B. Creacin de una tabla . . . . . . . . . . . . . . . . . .

96

1.
2.
3.
4.

.
.
.
.

98
99
101
102

C. Celdas de la tabla . . . . . . . . . . . . . . . . . . . .

103

1.
2.
3.
4.
5.

Ancho de la tabla . . . . .
Bordes de la tabla . . . . .
Alineacin de la tabla . . . .
Alineacin de las celdas de la

.
.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

.
.
.
.

.
.
.
.
.

103
104
106
107
109

D. Fusin de celdas . . . . . . . . . . . . . . . . . . . .

110

1. Fusin de columnas . . . . . . . . . . . . . . . . . . . .
2. Fusin de filas . . . . . . . . . . . . . . . . . . . . . . .

112
113

E. Celdas de encabezado . . . . . . . . . . . . . . . . . .

114

F.

115

Ancho de las celdas . . . .

Alineacin horizontal . . . .
Alineacin vertical . . . . .
Margen interior de las celdas.
Color de fondo . . . . . . .

. .
. .
. .
tabla

.
.
.
.
.

Resumen de la tabla. . . . . . . . . . . . . . . . . . .

HTML5 y CSS3

Contenido
G. Leyenda de la tabla . . . . . . . . . . . . . . . . . . .

116

H. Agrupar columnas . . . . . . . . . . . . . . . . . . . .

117

I.

120

Estructuracin de la tabla . . . . . . . . . . . . . . . .

Imgenes y fondos

Captulo 7

A. Formatos de imagen . . . . . . . . . . . . . . . . . . .

126

B. Insertar una imagen . . . . . . . . . . . . . . . . . . .

128

C. Insertar un enlace sobre una imagen . . . . . . . . . . . .

130

D. Insertar un color de fondo . . . . . . . . . . . . . . . .

132

E. Insertar una imagen de fondo . . . . . . . . . . . . . . .

133

F.

Mapas de imgenes . . . . . . . . . . . . . . . . . . .

133

1.
2.
3.
4.

133
135
137
138

Nocin . . . . . . .
Etiquetas y atributos .
Ejemplo completo . .
Programas disponibles

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

Etiquetas semnticas y de organizacin

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

Captulo 8

A. Prembulo . . . . . . . . . . . . . . . . . . . . . . .

144

B. Las antiguas etiquetas semnticas . . . . . . . . . . . . .

144

C. Las nuevas etiquetas de organizacin

. . . . . . . . . . .

146

1. Etiquetas <header>, <nav>, <footer> y <aside> . . . . . . .

2. Etiquetas <section> y <article> . . . . . . . . . . . . . . .
3. Ejemplo completo . . . . . . . . . . . . . . . . . . . . .

146
151
154

D. Nuevas etiquetas semnticas . . . . . . . . . . . . . . .

157

Domine los estndares de las aplicaciones Web

Contenido

Formularios

Captulo 9

A. Presentacin . . . . . . . . . . . . . . . . . . . . . .

163

B. Declarar el formulario . . . . . . . . . . . . . . . . . .

164

C. Campo de texto . . . . . . . . . . . . . . . . . . . . .

165

D. rea de texto . . . . . . . . . . . . . . . . . . . . . .

169

E. Lista desplegable . . . . . . . . . . . . . . . . . . . .

171

F.

Botones de seleccin nica (radio) . . . . . . . . . . . . .

174

G. Botones de seleccin mltiple (checkbox) . . . . . . . . . .

175

H. Botn de envo . . . . . . . . . . . . . . . . . . . . .

178

I.

Botn de anulacin . . . . . . . . . . . . . . . . . . .

179

J.

Botn de accin . . . . . . . . . . . . . . . . . . . .

180

K. Campos ocultos . . . . . . . . . . . . . . . . . . . . .

182

L.

Campos de transferencia de archivos . . . . . . . . . . . .

183

M. Campos de contrasea . . . . . . . . . . . . . . . . . .

184

N. Organizacin de los campos de formulario. . . . . . . . . .

186

O. Etiquetado de los campos de formulario . . . . . . . . . .

187

P. Campo de texto con lista de sugerencias . . . . . . . . . .

189

Q. Campo de texto para la direccin de correo electrnico . . . .

190

R. Campo de texto url . . . . . . . . . . . . . . . . . . .

192

S.

Campo de texto con formato numrico . . . . . . . . . . .

193

T.

Campo de texto con formato de fecha . . . . . . . . . . .

196

U. Campo de texto de bsqueda . . . . . . . . . . . . . . .

200

HTML5 y CSS3

Contenido
V. Campo de texto de color . . . . . . . . . . . . . . . . .

201

W. Cursores . . . . . . . . . . . . . . . . . . . . . . . .

202

X.

205

Una aplicacin completa . . . . . . . . . . . . . . . . .

Multimedia

Captulo 10

A. Insertar un archivo de audio . . . . . . . . . . . . . . .

1.
2.
3.
4.
5.

.
.
.
.
.

210
212
214
216
217

B. Insertar un archivo de vdeo . . . . . . . . . . . . . . .

218

1.
2.
3.
4.
5.

Etiqueta <audio> . . . . . . . . . .
Formatos de archivo de audio . . . . .
Etiqueta <source> . . . . . . . . . .
Programas de conversin de audio . . .
Compatibilidad con navegadores antiguos

Etiqueta <video> . . . . . . . . . .
Formatos de archivo de vdeo . . . . .
Etiqueta <source> . . . . . . . . . .
Programas de conversin de vdeo . . .
Compatibilidad con navegadores antiguos

.
.
.
.
.

.
.
.
.
.

Diseo 2D

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

.
.
.
.
.

210

.
.
.
.
.

.
.
.
.
.

218
221
222
224
227

Captulo 11

A. Introduccin . . . . . . . . . . . . . . . . . . . . . .

230

B. Etiqueta <canvas> . . . . . . . . . . . . . . . . . . .

230

C. Llamada al API de diseo . . . . . . . . . . . . . . . .

232

D. Disear un rectngulo . . . . . . . . . . . . . . . . . .

234

E. Agregar color . . . . . . . . . . . . . . . . . . . . . .

237

F.

Trazar una lnea recta . . . . . . . . . . . . . . . . . .

238

G. Diseo de formas geomtricas. . . . . . . . . . . . . . .

244

Domine los estndares de las aplicaciones Web

Contenido
H. Importar imgenes . . . . . . . . . . . . . . . . . . .

248

I.

Agregar texto . . . . . . . . . . . . . . . . . . . . . .

251

J.

Agregar sombreado . . . . . . . . . . . . . . . . . . .

253

K. Transformaciones . . . . . . . . . . . . . . . . . . . .

254

Geolocalizacin

Captulo 12

A. Prembulo . . . . . . . . . . . . . . . . . . . . . . .

258

B. Concepto y utilidad . . . . . . . . . . . . . . . . . . .

258

C. Funcionamiento . . . . . . . . . . . . . . . . . . . . .

259

D. Navegadores . . . . . . . . . . . . . . . . . . . . . .

259

E. Proteccin de la privacidad . . . . . . . . . . . . . . . .

259

F.

Longitud y latitud . . . . . . . . . . . . . . . . . . . .

260

G. Localizacin en un mapa . . . . . . . . . . . . . . . . .

263

Parte 2: CSS3
Presentacin de las hojas de estilo

Captulo 13

A. Concepto de hoja de estilo . . . . . . . . . . . . . . . .

268

B. Uso de las hojas de estilo . . . . . . . . . . . . . . . .

268

C. Breve historia

. . . . . . . . . . . . . . . . . . . . .

269

D. Compatibilidad con los navegadores . . . . . . . . . . . .

270

E. Herramientas para trabajar con las hojas de estilo . . . . . .

271

HTML5 y CSS3

Contenido

Nociones bsicas de CSS

Captulo 14

A. Declaracin de estilo CSS . . . . . . . . . . . . . . . .

274

B. Selectores bsicos . . . . . . . . . . . . . . . . . . . .

274

1. Selectores de etiqueta. . . . . . . . . . . . . . . . . . . .
2. Selectores de clase . . . . . . . . . . . . . . . . . . . . .
3. Selectores de identificador . . . . . . . . . . . . . . . . . .

274
275
276

C. Comentarios . . . . . . . . . . . . . . . . . . . . . .

277

D. Unidades de medida . . . . . . . . . . . . . . . . . . .

278

E. Notacin de los colores . . . . . . . . . . . . . . . . .

279

F.

Convencin de escritura . . . . . . . . . . . . . . . . .

280

G. CSS integradas en un elemento Html5 . . . . . . . . . . .

280

H. CSS internas al documento Html5 . . . . . . . . . . . . .

281

I.

CSS externas al documento Html5 . . . . . . . . . . . . .

282

J.

CSS importada (@import) . . . . . . . . . . . . . . . .

284

K. Nocin de cascada . . . . . . . . . . . . . . . . . . .

285

L.

287

Nocin de herencia . . . . . . . . . . . . . . . . . . .

Tipografa

Captulo 15

A. Tipo de fuente . . . . . . . . . . . . . . . . . . . . .

290

B. Itlica . . . . . . . . . . . . . . . . . . . . . . . . .

293

C. Maysculas versales . . . . . . . . . . . . . . . . . . .

294

D. Negrita . . . . . . . . . . . . . . . . . . . . . . . .

295

E. Tamao de letra . . . . . . . . . . . . . . . . . . . .

296

Domine los estndares de las aplicaciones Web

Contenido
F.

Fuente abreviada . . . . . . . . . . . . . . . . . . . .

298

G. Fuentes del sistema . . . . . . . . . . . . . . . . . . .

300

El texto en CSS

Captulo 16

A. Color . . . . . . . . . . . . . . . . . . . . . . . . .

302

B. Decoracin . . . . . . . . . . . . . . . . . . . . . . .

303

C. Transformacin . . . . . . . . . . . . . . . . . . . . .

305

D. Indentacin . . . . . . . . . . . . . . . . . . . . . .

306

E. Espacio entre letras . . . . . . . . . . . . . . . . . . .

307

F.

Espacio entre palabras . . . . . . . . . . . . . . . . . .

308

G. Interlineado . . . . . . . . . . . . . . . . . . . . . .

309

H. Espacios vacos . . . . . . . . . . . . . . . . . . . . .

311

I.

Alineacin horizontal. . . . . . . . . . . . . . . . . . .

314

J.

Alineacin vertical. . . . . . . . . . . . . . . . . . . .

315

K. Direccin del texto . . . . . . . . . . . . . . . . . . .

318

L.

319

Anchura y altura . . . . . . . . . . . . . . . . . . . .

Listas y tablas

Captulo 17

A. Tipos de marcadores. . . . . . . . . . . . . . . . . . .

322

B. Marcador grfico . . . . . . . . . . . . . . . . . . . .

323

C. Posicin . . . . . . . . . . . . . . . . . . . . . . . .

325

D. Declaracin abreviada de una lista . . . . . . . . . . . . .

326

E. Espacio entre las celdas de las tablas . . . . . . . . . . .

326

10

HTML5 y CSS3

Contenido
F.

Bordes de las tablas . . . . . . . . . . . . . . . . . . .

328

G. Celdas vacas en las tablas . . . . . . . . . . . . . . . .

329

H. Posicin de la leyenda . . . . . . . . . . . . . . . . . .

331

Fondos

Captulo 18

A. Prembulo . . . . . . . . . . . . . . . . . . . . . . .

334

B. Color de fondo . . . . . . . . . . . . . . . . . . . . .

334

C. Insercin de una imagen de fondo . . . . . . . . . . . . .

336

D. Repeticin de la imagen . . . . . . . . . . . . . . . . .

337

E. Posicionamiento de la imagen . . . . . . . . . . . . . . .

340

F.

Fijacin del fondo . . . . . . . . . . . . . . . . . . . .

343

G. Sintaxis abreviada . . . . . . . . . . . . . . . . . . . .

344

Propiedades de caja

Captulo 19

A. Concepto de modelo de caja o bloque . . . . . . . . . . .

346

B. Elemento en bloque o en lnea . . . . . . . . . . . . . .

349

C. Anchura y altura . . . . . . . . . . . . . . . . . . . .

351

D. Mrgenes externos . . . . . . . . . . . . . . . . . . .

353

E. Mrgenes internos. . . . . . . . . . . . . . . . . . . .

355

F.

Color del borde . . . . . . . . . . . . . . . . . . . . .

357

G. Grosor del borde . . . . . . . . . . . . . . . . . . . .

359

H. Estilo del borde . . . . . . . . . . . . . . . . . . . . .

360

I.

363

Escritura abreviada del borde . . . . . . . . . . . . . . .

Domine los estndares de las aplicaciones Web

11

Contenido

Pseudoclases

Captulo 20

A. Nocin de Pseudoclase. . . . . . . . . . . . . . . . . .

366

B. Pseudoclases de enlace . . . . . . . . . . . . . . . . .

366

1.
2.
3.
4.

a:link .
a:visited
a:hover .
a:active.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

366
367
368
369

C. Pseudoclases de prrafo . . . . . . . . . . . . . . . . .

371

1. :first-letter . . . . . . . . . . . . . . . . . . . . . . . .
2. :first-line . . . . . . . . . . . . . . . . . . . . . . . . .

371
372

D. Insertar un contenido . . . . . . . . . . . . . . . . . .

373

1. :before . . . . . . . . . . . . . . . . . . . . . . . . . .
2. :after. . . . . . . . . . . . . . . . . . . . . . . . . . .

373
374

Propiedades de visualizacin

.
.
.
.

.
.
.
.

Captulo 21

A. Prembulo . . . . . . . . . . . . . . . . . . . . . . .

378

B. Posicionamiento . . . . . . . . . . . . . . . . . . . .

378

1.
2.
3.
4.

.
.
.
.

378
378
380
382

C. Flotar . . . . . . . . . . . . . . . . . . . . . . . . .

383

D. Despejar . . . . . . . . . . . . . . . . . . . . . . . .

384

E. Superposicin . . . . . . . . . . . . . . . . . . . . .

386

F.

Desbordamiento. . . . . . . . . . . . . . . . . . . . .

387

G. Recorte . . . . . . . . . . . . . . . . . . . . . . . .

389

12

Posicionamiento
Posicionamiento
Posicionamiento
Posicionamiento

esttico
relativo.
absoluto
fijo . .

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

.
.
.
.

HTML5 y CSS3

Contenido
H. Visualizacin . . . . . . . . . . . . . . . . . . . . . .

390

I.

Visibilidad . . . . . . . . . . . . . . . . . . . . . . .

392

J.

Cursor del ratn

. . . . . . . . . . . . . . . . . . . .

393

K. Numeracin automtica . . . . . . . . . . . . . . . . .

396

Propiedades de impresin

Captulo 22

A. Utilidad de las hojas de estilo para la impresin . . . . . . .

400

B. Hojas de estilo segn el medio de salida . . . . . . . . . .

400

1. Presentacin . . . . . . . . . . . . . . . . . . . . . . .
2. Incorporacin . . . . . . . . . . . . . . . . . . . . . . .

400
401

C. Optimizar una pgina de impresin . . . . . . . . . . . .

403

D. Salto de pgina antes . . . . . . . . . . . . . . . . . .

408

E. Salto de pgina despus . . . . . . . . . . . . . . . . .

410

F.

Evitar los saltos de pgina . . . . . . . . . . . . . . . .

411

G. El selector @page. . . . . . . . . . . . . . . . . . . .

412

Hojas de estilo CSS3

Captulo 23

A. Los selectores CSS3 . . . . . . . . . . . . . . . . . . .

416

1. Selectores jerrquicos . . . . . . . . . . . . . . . . . . . .
2. Pseudoclases de seleccin . . . . . . . . . . . . . . . . . .
3. Selectores de atributos . . . . . . . . . . . . . . . . . . .

416
419
422

B. Bordes redondeados . . . . . . . . . . . . . . . . . . .

425

C. Bordes decorados . . . . . . . . . . . . . . . . . . . .

431

Domine los estndares de las aplicaciones Web

13

Contenido
D. Sombras . . . . . . . . . . . . . . . . . . . . . . . .

435

1. Sombras sobre el texto . . . . . . . . . . . . . . . . . . .

2. Sombras sobre un elemento caja . . . . . . . . . . . . . . .

435
437

E. Tipos de letra personalizados . . . . . . . . . . . . . . .

438

F.

Ajustar la altura de los caracteres . . . . . . . . . . . . .

443

G. Fondos mltiples . . . . . . . . . . . . . . . . . . . .

446

H. Degradado de color . . . . . . . . . . . . . . . . . . .

447

I.

Opacidad y transparencia. . . . . . . . . . . . . . . . .

453

J.

Columnas mltiples . . . . . . . . . . . . . . . . . . .

457

K. Transformaciones . . . . . . . . . . . . . . . . . . . .

458

L.

Transiciones . . . . . . . . . . . . . . . . . . . . . .

463

ndice . . . . . . . . . . . . . . . . . . . . . . . . .

469

14

HTML5 y CSS3