HTML 5 and Css 3

HTML5 y CSS3: cómo sacarles partido hoy

Jose Florido
Madrid · Martes 22 Septiembre 2009

FRONTDAYS

www.frontdays.com

HTML5 y CSS3: cómo sacarles partido hoy

FRONTDAYS

Objetivo del curso Mostrar el potencial de los nuevos estándares, así como de los navegadores web de nueva generación y su uso hoy en día, logrando mantener nuestras páginas web compatibles con navegadores menos avanzados.

HTML5 y CSS3: cómo sacarles partido hoy

FRONTDAYS FRONTDAYS

HTML 5

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Primera parte: HTML5 ‣ Historia ‣ Características ‣ Novedades ‣ APIs ‣ Ejercicio práctico: creación de una página con HTML5 .

HTML5 CSS3: cómo sacarles partido HTML5yyCSS3: cómo sacarles partido hoy hoy FRONTDAYS FRONTDAYS HTML 5 Historia de HTML 5 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de HTML5 HTML4 1998 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de HTML5 XHTML1 2000 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de HTML5 XHTML2 2002 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de HTML5 XForms 2003 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de HTML5 WHATG 2004 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de HTML5 HTML5 2007 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de HTML5 Hoy día. micrófono. etc Trabajar offline 3D Geolocalización Mejores subidas de ficheros Drag and drop Complejos elementos de interacción con formularios . las aplicacione web necesitan: ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ Reproducir video y audio Acceso a recursos: webcam.

Safari 4 Google Wave iPhone .5.3.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de HTML5 ¿2022? ‣ ‣ ‣ ‣ Final Draft en Octubre 2009 Nuevos navegadores: Chrome 3. Opera 10. FireFox 3.

HTML5 CSS3: cómo sacarles partido HTML5yyCSS3: cómo sacarles partido hoy hoy FRONTDAYS FRONTDAYS HTML 5 Principales características .

no revolución .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Principales características Compatibilidad Evolución.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Principales características Utilidad Resolver problemas reales .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Principales características Interoperabilidad Definir el comportamiento de los UA Gestión de errores .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Principales características Acceso universal Independencia del medio. accesible . i18n.

HTML5 CSS3: cómo sacarles partido HTML5yyCSS3: cómo sacarles partido hoy hoy FRONTDAYS FRONTDAYS HTML 5 Novedades .

w3.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.org/TR/xhtml1/DTD/xhtml1-strict.0 Strict//EN" "http://www.dtd"> .

w3.0 Strict//EN" "http://www.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.dtd"> .org/TR/xhtml1/DTD/xhtml1-strict.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Doctype <!DOCTYPE html> :-) .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Tipos de contenido ‣ ‣ ‣ ‣ ‣ ‣ ‣ Metadata content Flow content Sectioning content Heading content Phrasing content Embedded content Interactive content .

meta. link. command. noscript. style. title . base.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Metadata content define la presentación o el comportamiento del resto del documento. o relaciones del documento con otros documentos. script.

abbr address. small. strong. script. p. figure.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Flow content la mayoría de los elementos usados en el cuerpo de un documento son de tipo flow. form.. span. dialog. video. h1. table. . audio. time. select. a. div. fieldset. h2.. article aside. section. footer. textarea. nav.. img.

nav.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Sectioning content elementos que crean nuevas secciones en el documento article. aside. section .

h5. h6. h3. hgroup . h4. h2.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Heading content elementos que definen la cabecera de una sección h1.

.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Phrasing content texto del documento junto con elementos que marcan el texto. em. time. b. dentro de un párrafo a.. string. small. span.. .

video .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Embedded content elementos que importan otro recurso o contenido de otro vocabulario dentro del documento audio. math. embed. img. svg. canvas. iframe. object.

menu. details. button. audio. label. video . input. textarea. img. select. embed. object. iframe. keygen.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Interactive content elementos destinados a interacción con el usuario a.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Nuevos elementos ‣ ‣ ‣ ‣ Elementos estructurales Canvas Video Audio .

. article representa una pieza de contenido independiente dentro de un documento.. h6 indica la estructura del documento...HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Elementos estructurales I section representa una sección del documento. . h2. aside representa una pieza de contenido que esta menos relacionada con el resto de la página. Junto con h1.

.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Elementos estructurales II hgroup representa el encabezado de una sección.h6. header representa la cabecera de un documento o sección. Agrupa varios elementos h1 . copyright. etc. footer representa el pie de una sección y puede contener información sobre el autor.

</p> </section> </article> . delicious fruit!</h2> </hgroup> <p>The apple is the pomaceous fruit of the apple tree.</p> </section> <section> <h1>Granny Smith</h1> <p>These juicy.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades <article> <hgroup> <h1>Apples</h1> <h2>Tasty. green apples make a great filling for apple pies.</p> <section> <h1>Red Delicious</h1> <p>These bright red apples are the most common found in many supermarkets.

. como vídeos o imágenes.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Elementos estructurales III nav representa una sección del documento que contiene navegación dialog usado para marcar una conversación figure usado para asociar una description textual o subtítulos a algún elemento embedido.

....</p> </article> <footer> <p>Copyright © 2006 The Example Company</p> <p><a href="about.html">Today</a></li> <li><a href="successes.html">Successes</a></li> </ul> </nav> </header> <article> <p>.page content would be here.html">Contact Us</a></p> </footer> </body> .html">About</a> <a href="policy.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades <body> <header> <h1>Web page</h1> <nav> <h1>Navigation</h1> <ul> <li><a href="articles.html">Articles</a></li> <li><a href="today.html">Privacy Policy</a> <a href="contact.

mediante scripting. .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Nuevos elementos canvas crea un lienzo donde es posible crear gráficos u otras imágenes visuales al vuelo.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Canvas .accesibilidad Contenido alternativo <canvas id="a_canvas" width="400" height="300"> <p>Ops! No canvas support. bad browser!</p> </canvas> Problemas de accesibilidad .

js .soporte Soporte extenso por parte de navegadores * IE utilizando la librería excanvas.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Canvas .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Canvas .aplicaciones Efectos y transformaciones (Demo) Animaciones (Demo) Tipografías (Cufón) .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Nuevos elementos video un método único para insertar video en la web. .

atributos <video src="http://www.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Video .test.com/video.wmv"> your browser does not support the video tag </video> Atributos ‣ poster ‣ autobuffer ‣ autoplay ‣ loop ‣ controls .

264 (Chrome. Opera) ‣ H. Safari) . Firefox.formato / codecs ‣ Ogg Theora (Chrome.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Video .

excepto IE .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Video .soporte Soportado por las últimas versiones de casi todos los navegadores.

ogg" type="video/ogg"/> <source src="zombie.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Video .degradación grácil <video controls> <source src="zombie.tv/play/AYGLzBmU8hw" type="application/x-shockwave-flash" width="500" height="396" allowscriptaccess="always" allowfullscreen="true"/> </video> .mp4" type="video/mp4"/> <embed src="http://blip.

.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Nuevos elementos audio un método único para insertar audio en la web.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Audio .atributos <audio src="http://www.com/video.test.wmv" controls></audio> Atributos ‣ autobuffer ‣ autoplay ‣ loop ‣ controls .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Audio .demo HTML5 Audio player .

soporte Soportado por las últimas versiones de casi todos los navegadores.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Audio . excepto IE .

google.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Nuevos reglas para el código En HTML4 / XHTML1: <li> <p><a href="http://www.com">Ir a google.com</a></p> <a href="http://www.google.com"><img src="" alt="logo de Google" /></a> </li> .

com</p> <img src="" alt="logo de Google" /> </a> </li> .google.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Novedades Nuevos reglas para el código En HTML5: <li> <a href="http://www.com"> <p>Ir a google.

HTML5 y CSS3: cómo sacarles partido hoy

FRONTDAYS

HTML5: Novedades

Elementos que desaparecen
basefont big center font s strike tt u frame frameset noframes acronym applet isindex dir

HTML5 y CSS3: cómo sacarles partido hoy

FRONTDAYS

HTML5: Novedades

Forms
Opera 10 demo

HTML5 CSS3: cómo sacarles partido HTML5yyCSS3: cómo sacarles partido hoy hoy

FRONTDAYS FRONTDAYS

HTML 5 APIs

por sesión y persistente Mensajes entre documentos Drag-and-drop .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: APIs APIs en navegadores ‣ ‣ ‣ ‣ ‣ getElementsByClassName querySelector Almacenamiento de datos en el cliente.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: APIs getElementsByClassName(“abrir”) <li id="uno"> <p>Link 1</p> <a href="#" class="abrir">Abrir link 1</a> </li> <li id="dos"> <p>Link 2</p> <a href="#" class="abrir">Abrir link 2</a> </li> <li id="tres"> <p>Link 3</p> <a href="#" class="abrir">Abrir link 3</a> </li> .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: APIs querySelector(“#dos .abrir”) <li id="uno"> <p>Link 1</p> <a href="#" class="abrir">Abrir link 1</a> </li> <li id="dos"> <p>Link 2</p> <a href="#" class="abrir">Abrir link 2</a> </li> <li id="tres"> <p>Link 3</p> <a href="#" class="abrir">Abrir link 3</a> </li> .

por sesión y persistente ‣ Aplicaciones web offline ‣ Menor latencia ‣ Mejor rendimiento ‣ Mayor privacidad ‣ Safari Notes demo .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: APIs Almacenamiento de datos en el cliente.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: APIs Mensajes entre documentos ‣ Cross-domain ‣ Sin necesidad de configuración ‣ postMessage() ‣ John Resig´s messaging demo .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: APIs Drag-and-drop ‣ Drag and drop nativo del sistema ‣ Arrastrar objetos al navegador y entre ventanas del navegador ‣ Drag-and-drop demo ‣ 280 slides video demo .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Ejercicio Estructura .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Ejercicio HTML4 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS HTML5: Ejercicio HTML5 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS FRONTDAYS CSS 3 .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Segunda parte: CSS3 ‣ Historia ‣ Selectores ‣ Módulos ‣ Ejercicio y nuevas propiedades práctico: aplicación de CSS3 a una página .

HTML5 CSS3: cómo sacarles partido HTML5yyCSS3: cómo sacarles partido hoy hoy

FRONTDAYS FRONTDAYS

CSS 3 Historia de CSS 3

HTML5 y CSS3: cómo sacarles partido hoy

FRONTDAYS

Historia de CSS3

CSS1

1996

HTML5 y CSS3: cómo sacarles partido hoy

FRONTDAYS

Historia de CSS3

CSS2

1998

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de CSS3 CSS3 2000 (WD) .

1 2002 (WD) .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS Historia de CSS3 CSS2.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Principios Compatibilidad Hacia delante y hacia atrás .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Principios Complementariedad Cambiar CSS si cambiar HTML .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Principios Independencia De plataforma y de dispositivo .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Principios Simplicidad. flexibilidad. riqueza Sencillo y potente .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Principios Accesibilidad Posibilitar acceso universal .

HTML5 CSS3: cómo sacarles partido HTML5yyCSS3: cómo sacarles partido hoy hoy FRONTDAYS FRONTDAYS CSS 3 Selectores .

:first-line.alert { color: red. } pseudo-clases: a:link. :first-letter comodín: div * p . a:active. } descendientes y contextuales: h1 em { color: red. a:visited. } de clase: h1. } de ID: #alert { color: red.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS1 ‣ ‣ ‣ ‣ ‣ ‣ de elemento: h1 { color: red.

:lang. :focus.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS2 ‣ ‣ ‣ ‣ ‣ selector universal (*): blockquote * { . :active. } de hermanos: h1 + h2 { ...google.com/"] { . } ... :hover. } de atributo: a[href="http://www. } más pseudo-clases: :first-child... :before. :after de hijos: div > p { ...

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS1 y CSS2 ‣ body > ol > li p .

.Selecciona cualquier elemento p que es descendiente de un elemento li que es hijo de un elemento ol que es hijo de un elemento body.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS1 y CSS2 ‣ body > ol > li p .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS1 y CSS2 ‣ p > * > em .

.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS1 y CSS2 ‣ p > * > em .Selecciona cualquier elemento em que es hijo de cualquier elemento que es hijo de un elemento p.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS1 y CSS2 ‣ a[title~="Mail"] .

Selecciona cualquier elemento a con un atributo title que contiene la palabra Mail. .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS1 y CSS2 ‣ a[title~="Mail"] .

} cualquier cadena contenido img[src*="photos"] { . } final del atributo a[href$=".....HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS3 I ‣ nuevos selectores de atributo: comienzo del atributo a[href^="ftp:"] { . } ..edu"] { ..

No soportadas en IE7 ni en IE8 . :checked Permiten cambiar la apariencia de los inputs de formulario. :disabled.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Selectores Selectores en CSS3 II ‣ nuevas pseudo-clases: :enabled. según su estado.

HTML5 CSS3: cómo sacarles partido HTML5yyCSS3: cómo sacarles partido hoy hoy FRONTDAYS FRONTDAYS CSS 3 Módulos .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Módulos Algunos otros módulos de CSS3 ‣ ‣ ‣ ‣ ‣ ‣ Colores Modelo de caja Fondos y bordes Tipografía y efectos de texto Layout multicolumna Animaciones y transiciones .

shorthand .white.rgb(red. black. green. etc. .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Colores Colores en CSS2 ‣ ‣ ‣ ‣ Hexadecimal .#RGB RGB. red.#RRGGBB Hexadecimal. blue) Nombres de colores .

hlsa(hue. black) HLSA .hsl(hue. green. blue. saturation. lightness) CMYK . magenta. lightness.rgba(red. alpha) . saturation. alpha) RGBA .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Colores Nuevos formatos de colores en CSS3 ‣ ‣ ‣ ‣ HLS .cmyk(cyan. yellow.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Colores Formato HLS ‣ ‣ ‣ ‣ Intensidad. como Adobe Photoshop Adecuado para crear paletas de colores: sólo tienes que elegir el color básico y no sus variantes claras/oscuras . luz y saturación Sencillo de manipular Existente en programas de edición de imágenes.

magenta.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Colores Formato CMYK ‣ ‣ ‣ Cyan. amarillo y negro Formato muy bien conocido por los diseñadores Nos permite definir cómo nuestros colores serán impresos .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Colores Formatos RGBA y HSLA ‣ ‣ ‣ Añaden un cuarto parámetro: alpha El canal alpha define la transparencia del color. . va de 0 (totalmente transparente) a 1 (totalmente opaco) La adición del canal alpha ofrece muchas nuevas posibilidades a los diseñadores visuales.

0%. 0%.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Colores Si no hay soporte RGBA background-color: rgb(0%. 100%. .5). 0. 100%). background-color: rgba(0%.

pero también su contenido (texto) El canal alpha nos permite modificar la transparencia del color de fondo del elemento. .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Colores RGBA y HSLA vs OPACITY ‣ ‣ Opacity es una propiedad de CSS3 que modifica la transparencia de todo el elemento.5 tendría su fondo semitrans. Por ejemplo un párrafo con opacity: 0. con lo que el contenido del elemento no se vería afectado.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Colores Soporte en navegadores ‣ ‣ ‣ Las últimas versiones de Safari. HSLA y RGBA IE no soporta ninguno de los nuevos formatos Ningún navegador soporta aún CMYK . Opera. Firefox y Chrome soportan HSL.

5 .HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Modelo de caja Modelo de caja ‣ ‣ ‣ IE box model W3C box model Nueva propiedad: box-sizing: content-box / border-box Soportado en FF 1.1. IE 8. Opera 9. Safari 3.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Fondos y bordes Fondos y bordes ‣ ‣ ‣ ‣ ‣ Degradados Bordes redondeados Sombras Imágenes de borde Imágenes de fondo .

to(#ffffff)). . 0 0. 100% 100%. background: -moz-linear-gradient(20% center. Soportado por Safari y firefox. 30% center. to (yellow)) no-repeat.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Fondos y bordes Degradados background: -webkit-gradient(linear. from(#d0d0d0). from(blue).

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Fondos y bordes Bordes redondeados -moz-border-radius-topleft / -webkit-border-top-left-radius -moz-border-radius-topright / -webkit-border-top-right-radius -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius -moz-border-radius-bottomright / -webkit-border-bottom-right-radius .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Fondos y bordes Sombras (de caja) box-shadow: 10px 10px 5px #888. .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Fondos y bordes Imágenes de borde border-image: border-corner-image: .

gif) bottom left no-repeat. -khtml-background-size. -moz-background-size Múltiples imágenes de fondo background: url(img1. url(img2.gif) top left no-repeat. Soportado por Safari . -webkit-background-size.HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Fondos y bordes Imágenes de fondo Tamaño -o-background-size.

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Layout multicolumna Layout multicolumna ‣ ‣ ‣ Número de columnas Separacón entre columnas Bordes separadores -webkit-column-count -webkit-column-width -webkit-column-gap -moz-column-count -moz-column-width -moz-column-gap .

HTML5 y CSS3: cómo sacarles partido hoy FRONTDAYS CSS3: Tipografía y efectos de texto Tipografía y efectos de texto ‣ ‣ Sombras en texto Uso de tipografías (@font-face) .

¡Muchas gracias por venir! .

FRONTDAYS Los mejores cursos en desarrollo frontend impartidos por los mejores profesionales www.com .frontdays.

Sign up to vote on this title
UsefulNot useful