introduccion a css - › 2015 › ... · pdf file capítulo 1....

Click here to load reader

Post on 26-Jun-2020

4 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • www.librosweb.es

    Introducción a

    CSS

    Javier Eguíluz Pérez

  • 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 8 de mayo de 2009 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]

    Introducción a CSS

    2 www.librosweb.es

    http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es http://creativecommons.org/licenses/by-nc-nd/3.0/deed.es http://www.librosweb.es/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 ...................................................................................................................................... 12

    1.8. Medios CSS ............................................................................................................................................ 12

    1.9. Comentarios .......................................................................................................................................... 15

    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 ................................................................................................................................................... 64

    Capítulo 5. Posicionamiento y visualización...............................................................................................72

    5.1. Tipos de elementos ............................................................................................................................... 72

    5.2. Posicionamiento .................................................................................................................................... 74

    5.3. Posicionamiento normal........................................................................................................................ 75

    5.4. Posicionamiento relativo ....................................................................................................................... 77

    5.5. Posicionamiento absoluto ..................................................................................................................... 79

    5.6. Posicionamiento fijo .............................................................................................................................. 84

    5.7. Posicionamiento flotante ...................................................................................................................... 84

    5.8. Visualización .......................................................................................................................................... 91

    Capítulo 6. Texto .......................................................................................................................................98

    6.1. Tipografía............................................................................................................................................... 98

    6.2. Texto.................................................................................................................................................... 105

    Capítulo 7. Enlaces ..................................................................................................................................116

    7.1. Estilos básicos ...................................................................................................................................... 116

    7.2. Estilos avanzados................................................................................................................................. 118

    Capítulo 8. Imágenes...............................................................................................................................122

    Introducción a CSS

    www.librosweb.es 3

  • 8.1. Estilos básicos ...................................................................................................................................... 122

    8.2. Estilos avanzados................................................................................................................................. 122

    Capítulo 9. Listas .....................................................................................................................................125

    9.1. Estilos básicos ...................................................................................................................................... 125

    9.2. Estilos avanzados................................................................................................................................. 132

    Capítulo 10. Tablas ..................................................................................................................................138

    10.1. Estilos básicos .................................................................................................................................... 138

    10.2. Estilos avanzados............................................................................................................................... 141

    Capítulo 11. Formularios .........................................................................................................................145

    11.1. Estilos básicos .................................................................................................................................... 145

    11.2. Estilos avanzados............................................................................................................................... 150

    Capítulo 12. Layout .................................................................................................................................153

    12.1. Centrar una página horizontalmente ................................................................................................ 153

    12.2. Centrar una