El Gran Libro De HTML5, CSS3 Y Javascript - GUTL

Transcription

El gran libro deHTML5, CSS3 y Javascript

El gran libro deHTML5, CSS3 y JavascriptJ. D. Gauchat

El gran libro de HTML5, CSS3 y JavascriptPrimera edición, 2012 2012 Juan Diego Gauchat MARCOMBO, S.A. 2012Gran Via de les Corts Catalanes, 59408007 Barcelonawww.marcombo.comLos códigos fuente para este libro se encuentran disponibles en www.minkbooks.com.«Cualquier forma de reproducción, distribución, comunicación pública o transformación deesta obra sólo puede ser realizada con la autorización de sus titulares, salvo excepción previstapor la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) sinecesita fotocopiar o escanear algún fragmento de esta obra».ISBN eBook: 978-84-267-1782-5DL: SE-7867-2011Impreso en PublidisaPrinted in Spain

Dedicado a aquellosque ya no están a mi lado

ÍndiceCapítulo 1. Documentos HTML5 . 11.1 Componentes básicos . 11.2 Estructura global . 2 !DOCTYPE . 2 html . 2 head . 3 body . 4 meta . 5 title . 6 link . 71.3 Estructura del cuerpo . 8Organización . 9 header . 12 nav . 13 section . 14 aside . 15 footer . 171.4 Dentro del cuerpo . 18 article . 18 hgroup . 22 figure y figcaption . 241.5 Nuevos y viejos elementos . 26 mark . 26 small . 27 cite . 27 address . 27 time . 281.6 Referencia rápida . 28Capítulo 2. Estilos CSS y modelos de caja. 312.1 CSS y HTML . 312.2 Estilos y estructura . 32Elementos Block . 32Modelos de caja . 332.3 Conceptos básicos sobre estilos. 34Estilos en línea . 34Estilos embebidos . 35Archivos externos . 36

Referencias . 37Referenciando con palabra clave . 37Referenciando con el atributo id . 38Referenciando con el atributo class . 39Referenciando con cualquier atributo . 40Referenciando con pseudo clases . 41Nuevos selectores . 452.4 Aplicando CSS a nuestra plantilla. 462.5 Modelo de caja tradicional . 46Plantilla . 47Selector universal * . 49Nueva jerarquía para cabeceras . 50Declarando nuevos elementos HTML5 . 51Centrando el cuerpo . 51Creando la caja principal . 52La cabecera . 53Barra de navegación . 54Section y aside . 55Footer . 56Últimos toques . 58Box-sizing . 592.6 Referencia rápida . 60Selector de atributo y pseudo clases . 61Selectores . 61Capítulo 3. Propiedades CSS3 . 633.1 Las nuevas reglas . 63CSS3 se vuelve loco . 63Plantilla . 64Border-radius. 65Box-shadow . 67Text-shadow . 70@font-face . 71Gradiente lineal . 72Gradiente radial . 74RGBA . 74HSLA . 75Outline . 76Border-image . 76Transform y transition . 78Transform: scale . 78Transform: rotate . 79Transform: skew . 80

Transform: translate . 81Transformando todo al mismo tiempo. 81Transformaciones dinámicas. 82Transiciones . 833.2 Referencia rápida . 84Capítulo 4. Javascript. 874.1 La relevancia de Javascript . 874.2 Incorporando Javascript . 88En línea . 88Embebido. 89Archivos externos . 914.3 Nuevos selectores . 92querySelector() . 92querySelectorAll() . 934.4 Manejadores de eventos . 95Manejadores de eventos en línea. 95Manejadores de eventos como propiedades. 95El método addEventListener() . 964.5 APIs . 97Canvas . 98Drag and Drop . 98Geolocation . 98Storage . 98File . 99Communication . 99Web Workers . 100History . 100Offline . 1004.6 Librerías externas. 101jQuery .

Índice Capítulo 1. Documentos HTML5 . .1 1.1 Componentes básicos . 1