CSS3-y-Javascript-Avanzado
Páginas: 59 (14562 palabras)
Publicado: 16 de octubre de 2013
CSS3 y Javascript
avanzado
Jordi Collell Puig
PID_00176160
CC-BY-SA • PID_00176160
Los textos e imágenes publicados en esta obra están sujetos –excepto que se indique lo contrario– a una licencia de
Reconocimiento-Compartir igual (BY-SA) v.3.0 España de Creative Commons. Se puede modificar la obra, reproducirla, distribuirla
o comunicarla públicamente siempre que se cite el autor yla fuente (FUOC. Fundació per a la Universitat Oberta de Catalunya), y
siempre que la obra derivada quede sujeta a la misma licencia que el material original. La licencia completa se puede consultar en:
http://creativecommons.org/licenses/by-sa/3.0/es/legalcode.ca
CSS3 y Javascript avanzado
CSS3 y Javascript avanzado
CC-BY-SA • PID_00176160
Índice
1.
7
1.1.Introducción al CSS ....................................................................
7
1.2.
La especificación tercera (CSS3) ..................................................
7
1.2.1.
CSS en la web ................................................................
8
1.3.
Familias de navegadores .............................................................
9
1.4.Beneficios del uso del CSS3 ........................................................
10
1.5.
La mejora progresiva ...................................................................
10
Novedades CSS3...................................................................................
11
2.1.
Nuevos selectores........................................................................
11
2.1.1.
Selectores de atributos ...................................................
11
2.1.2.
Combinadores (no soportado por IE6) ..........................
12
2.1.3.
Pseudo-clases ..................................................................
12
2.1.4.
2.
CSS, especificacióntercera..............................................................
Pseudo-elementos ..........................................................
14
2.2.
Colores RGBA y opacidad ...........................................................
14
2.2.1.
RGBA ..............................................................................
14
2.2.2.
Colores HSL ...................................................................
142.2.3.
Opacity (opacidad) ..........................................................
15
Nuevas propiedades ....................................................................
16
2.3.1.
Esquinas redondeadas (border-radius) ..........................
16
2.3.2.
Sombras (box-shadow, text-shadow) .............................
17
2.3.3.
Múltiples imágenes de fondo........................................
19
2.3.4.
Borders (filetes) con imágenes ........................................
19
2.3.5.
Columnas de texto ........................................................
21
2.3.6.
WebFonts .......................................................................
21
2.3.7.
MediaQueries.................................................................
23
2.4.
Transiciones CSS ..........................................................................
23
2.5.
Ejercicios ......................................................................................
25
Bibliotecas Javascript.......................................................................
26
3.1.
¿Por qué una biblioteca?.............................................................
26
3.2.
¿Qué nos ha de ofrecer una biblioteca Javascript? .....................
26
3.3.
¿Qué bibliotecas estudiaremos? ..................................................
27
jQuery....................................................................................................
28
4.1.
Obtener jQuery...
avanzado
Jordi Collell Puig
PID_00176160
CC-BY-SA • PID_00176160
Los textos e imágenes publicados en esta obra están sujetos –excepto que se indique lo contrario– a una licencia de
Reconocimiento-Compartir igual (BY-SA) v.3.0 España de Creative Commons. Se puede modificar la obra, reproducirla, distribuirla
o comunicarla públicamente siempre que se cite el autor yla fuente (FUOC. Fundació per a la Universitat Oberta de Catalunya), y
siempre que la obra derivada quede sujeta a la misma licencia que el material original. La licencia completa se puede consultar en:
http://creativecommons.org/licenses/by-sa/3.0/es/legalcode.ca
CSS3 y Javascript avanzado
CSS3 y Javascript avanzado
CC-BY-SA • PID_00176160
Índice
1.
7
1.1.Introducción al CSS ....................................................................
7
1.2.
La especificación tercera (CSS3) ..................................................
7
1.2.1.
CSS en la web ................................................................
8
1.3.
Familias de navegadores .............................................................
9
1.4.Beneficios del uso del CSS3 ........................................................
10
1.5.
La mejora progresiva ...................................................................
10
Novedades CSS3...................................................................................
11
2.1.
Nuevos selectores........................................................................
11
2.1.1.
Selectores de atributos ...................................................
11
2.1.2.
Combinadores (no soportado por IE6) ..........................
12
2.1.3.
Pseudo-clases ..................................................................
12
2.1.4.
2.
CSS, especificacióntercera..............................................................
Pseudo-elementos ..........................................................
14
2.2.
Colores RGBA y opacidad ...........................................................
14
2.2.1.
RGBA ..............................................................................
14
2.2.2.
Colores HSL ...................................................................
142.2.3.
Opacity (opacidad) ..........................................................
15
Nuevas propiedades ....................................................................
16
2.3.1.
Esquinas redondeadas (border-radius) ..........................
16
2.3.2.
Sombras (box-shadow, text-shadow) .............................
17
2.3.3.
Múltiples imágenes de fondo........................................
19
2.3.4.
Borders (filetes) con imágenes ........................................
19
2.3.5.
Columnas de texto ........................................................
21
2.3.6.
WebFonts .......................................................................
21
2.3.7.
MediaQueries.................................................................
23
2.4.
Transiciones CSS ..........................................................................
23
2.5.
Ejercicios ......................................................................................
25
Bibliotecas Javascript.......................................................................
26
3.1.
¿Por qué una biblioteca?.............................................................
26
3.2.
¿Qué nos ha de ofrecer una biblioteca Javascript? .....................
26
3.3.
¿Qué bibliotecas estudiaremos? ..................................................
27
jQuery....................................................................................................
28
4.1.
Obtener jQuery...
Leer documento completo
Regístrate para leer el documento completo.