PDF de programación - Introducción a CSS

www.librosweb.es



Introducción a

CSS



Javier Eguíluz Pérez

Introducción a CSS

Sobre este libro...

▪ Los contenidos de este libro están bajo una licencia Creative Commons Reconocimiento -
No Comercial - Sin Obra Derivada 3.0 (http://creativecommons.org/licenses/by-nc-nd/
3.0/deed.es)

▪ Esta versión impresa se creó el 17 de diciembre de 2008 y todavía está incompleta.

La versión más actualizada de los contenidos de este libro se puede encontrar en
http://www.librosweb.es/css

▪ Si quieres aportar sugerencias, comentarios, críticas o informar sobre errores, puedes

enviarnos un mensaje a [email protected]

www.librosweb.es

2

Introducción a CSS

Capítulo 1. Introducción ............................................................................................................................. 5
1.1. ¿Qué es CSS? ........................................................................................................................................... 5
1.2. Breve historia de CSS ............................................................................................................................... 5
1.3. Soporte de CSS en los navegadores......................................................................................................... 6
1.4. Especificación oficial................................................................................................................................ 7
1.5. Funcionamiento básico de CSS ................................................................................................................ 7
1.6. Cómo incluir CSS en un documento XHTML ............................................................................................ 9
1.7. Glosario básico ...................................................................................................................................... 11
1.8. Medios CSS ............................................................................................................................................ 12
1.9. Comentarios .......................................................................................................................................... 14
1.10. Sintaxis de la definición de cada propiedad CSS.................................................................................. 15
Capítulo 2. Selectores................................................................................................................................17
2.1. Selectores básicos.................................................................................................................................. 17
2.2. Selectores avanzados ............................................................................................................................ 25
2.3. Agrupación de reglas ............................................................................................................................. 27
2.4. Herencia................................................................................................................................................. 28
2.5. Colisiones de estilos............................................................................................................................... 29
Capítulo 3. Unidades de medida y colores .................................................................................................31
3.1. Unidades de medida.............................................................................................................................. 31
3.2. Colores................................................................................................................................................... 37
Capítulo 4. Modelo de cajas (box model)...................................................................................................42
4.1. Anchura y altura .................................................................................................................................... 44
4.2. Margen y relleno ................................................................................................................................... 45
4.3. Bordes.................................................................................................................................................... 53
4.4. Margen, relleno, bordes y modelo de cajas .......................................................................................... 60
4.5. Fondos ................................................................................................................................................... 62
Capítulo 5. Posicionamiento y visualización...............................................................................................71
5.1. Tipos de elementos ............................................................................................................................... 71
5.2. Posicionamiento .................................................................................................................................... 73
5.3. Posicionamiento normal........................................................................................................................ 74
5.4. Posicionamiento relativo ....................................................................................................................... 76
5.5. Posicionamiento absoluto ..................................................................................................................... 78
5.6. Posicionamiento fijo .............................................................................................................................. 83
5.7. Posicionamiento flotante ...................................................................................................................... 84
5.8. Visualización .......................................................................................................................................... 90
Capítulo 6. Texto .......................................................................................................................................97
6.1. Tipografía............................................................................................................................................... 97
6.2. Texto.................................................................................................................................................... 104
Capítulo 7. Enlaces ..................................................................................................................................115
7.1. Estilos básicos ...................................................................................................................................... 115
7.2. Estilos avanzados................................................................................................................................. 117
Capítulo 8. Imágenes...............................................................................................................................121

www.librosweb.es

3

Introducción a CSS

8.1. Estilos básicos ...................................................................................................................................... 121
8.2. Estilos avanzados................................................................................................................................. 121
Capítulo 9. Listas .....................................................................................................................................124
9.1. Estilos básicos ...................................................................................................................................... 124
9.2. Estilos avanzados................................................................................................................................. 131
Capítulo 10. Tablas ..................................................................................................................................137
10.1. Estilos básicos .................................................................................................................................... 137
10.2. Estilos avanzados............................................................................................................................... 140
Capítulo 11. Formularios .........................................................................................................................144
11.1. Estilos básicos .................................................................................................................................... 144
11.2. Estilos avanzados............................................................................................................................... 149
Capítulo 12. Layout .................................................................................................................................152
12.1. Centrar una página horizontalmente ................................................................................................ 152
12.2. Centrar una página verticalmente..................................................................................................... 156
12.3. Estructura o layout ............................................................................................................................ 158
12.4. Alturas/anchuras máximas y mínimas............................................................................................... 163
12.5. Estilos avanzados............................................................................................................................... 165
Capítulo 13. Otros ...................................................................................................................................167
13.1