CSS
BIBLIOGRAF´IA
Taller de XHTML y CSS3
Nivel B´asico - Parte II
Julian Fern´andez Ortiz
Vicepresidente de IEEE Student B...
CSS
BIBLIOGRAF´IA
Licencia
Este documento esta realizado
bajo licencia Creative Commons
“Reconocimiento-CompartirIgual 3.0...
CSS
BIBLIOGRAF´IA
´Indice
1 CSS
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
´Indice
1 CSS...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Aplicar estil...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Aplicar estil...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Establecer un...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Establecer un...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Vincular una ...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Vincular una ...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
´Indice
1 CSS...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Una hoja de e...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Una hoja de e...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
selector{
pro...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
selector{
pro...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Es posible no...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Es posible no...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Hay varias fo...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Hay varias fo...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Hay varias fo...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Hay varias fo...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Hay varias fo...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Hay varias fo...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Para cambiar ...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Para cambiar ...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
´Indice
1 CSS...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Para estructu...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Estructura
La...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Estructura
La...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Modelo de Caj...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Modelo de Caj...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Elementos Flo...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Juli´an Fern´...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Estas estruct...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
´Indice
1 CSS...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Sistemas m´as...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Colores RGB y...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Fondo
Propied...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
´Indice
1 CSS...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Atributos com...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
´Indice
1 CSS...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tipos de Enla...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tipos de Enla...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tipos de Enla...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tipos de Enla...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tipos de Enla...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tipos de Enla...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
´Indice
1 CSS...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Listas
A la h...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Listas
A la h...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Listas
A la h...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Listas
A la h...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Cajas - Borde...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Cajas - Borde...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Cajas - Borde...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Cajas - Borde...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Cajas - Borde...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tablas
Para e...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tablas
Para e...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tablas
Para e...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tablas
Para e...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Tablas
Para e...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
´Indice
1 CSS...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Los estilos C...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Los estilos C...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Los estilos C...
CSS
BIBLIOGRAF´IA
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos
Los estilos C...
CSS
BIBLIOGRAF´IA
´Indice
1 CSS
Selectores
Dise˜no
Colores y Fondo
Texto
Enlaces
Listas, Cajas y Tablas
Efectos Din´amicos...
CSS
BIBLIOGRAF´IA
http://www.w3c.es/estandares/
http://www.w3schools.com/
http://www.javascripter.net/faq/rgbtohex.htm
htt...
Próxima SlideShare
Cargando en…5
×

Taller XHTML y CSS3 - CSS3

64 visualizaciones

Publicado el

Presentación utilizada en el Taller de XHTML y CSS3 - Parte 2: CSS3

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
64
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
2
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Taller XHTML y CSS3 - CSS3

  1. 1. CSS BIBLIOGRAF´IA Taller de XHTML y CSS3 Nivel B´asico - Parte II Julian Fern´andez Ortiz Vicepresidente de IEEE Student Branch of Granada Grado en Ingenier´ıa Electr´onica Industrial julian.fernandez.es@ieee.org Rub´en Mart´ın Moreno Vocal en IEEE Student Branch of Granada Grado en Estad´ıstica ruben.martinmoreno.es@ieee.org Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  2. 2. CSS BIBLIOGRAF´IA Licencia Este documento esta realizado bajo licencia Creative Commons “Reconocimiento-CompartirIgual 3.0 Espa˜na” . Fuente: Curso desarrollado por IEEE Student Branch of Granada Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  3. 3. CSS BIBLIOGRAF´IA ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  4. 4. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  5. 5. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Aplicar estilos localmente Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  6. 6. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Aplicar estilos localmente <body> ... <p style="color: red">TEXTO</p> ... </body> Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  7. 7. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Establecer una hoja de estilos dentro del propio documento Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  8. 8. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Establecer una hoja de estilos dentro del propio documento <head> ... <style type ="text/css"> h1{ font-family: Algerian; color: #4113db; font-style: italic ; text-align: center; } </style > ... </head> Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  9. 9. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Vincular una hoja de estilos externa (RECOMENDADO) Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  10. 10. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Vincular una hoja de estilos externa (RECOMENDADO) <head> ... <link href="style.css" rel="stylesheet" type="text/css" /> ... </head> Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  11. 11. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  12. 12. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Una hoja de estilos es un archivo de texto que contiene reglas que determinan como se ver´an los elementos en la web. Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  13. 13. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Una hoja de estilos es un archivo de texto que contiene reglas que determinan como se ver´an los elementos en la web. Selector Declaraci´on Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  14. 14. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos selector{ propiedad1: valor1; propiedad2: valor2; ... } Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  15. 15. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos selector{ propiedad1: valor1; propiedad2: valor2; ... } h1{ color: gray; font-family: "Corsiva Hebrew"; } Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  16. 16. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Es posible nombrar elementos para referirlos posteriormente: Elementos ´Unicos id="nombre" Grupo de Elementos class="nombre" Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  17. 17. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Es posible nombrar elementos para referirlos posteriormente: Elementos ´Unicos id="nombre" Grupo de Elementos class="nombre" Cada identificador deber ser ´unico M´as de un elemento puede pertenecer a la misma clase Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  18. 18. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Hay varias formas de definir selectores h1 {color: red;} em.class {color: red;} em#id {color: red;} h1 em {color: red;} a:link {color: red;} Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  19. 19. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Hay varias formas de definir selectores h1 {color: red;} em.class {color: red;} em#id {color: red;} h1 em {color: red;} a:link {color: red;} Normal Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  20. 20. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Hay varias formas de definir selectores h1 {color: red;} em.class {color: red;} em#id {color: red;} h1 em {color: red;} a:link {color: red;} Normal Con clase Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  21. 21. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Hay varias formas de definir selectores h1 {color: red;} em.class {color: red;} em#id {color: red;} h1 em {color: red;} a:link {color: red;} Normal Con clase Con identificador Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  22. 22. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Hay varias formas de definir selectores h1 {color: red;} em.class {color: red;} em#id {color: red;} h1 em {color: red;} a:link {color: red;} Normal Con clase Con identificador Jer´arquicos Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  23. 23. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Hay varias formas de definir selectores h1 {color: red;} em.class {color: red;} em#id {color: red;} h1 em {color: red;} a:link {color: red;} Normal Con clase Con identificador Jer´arquicos Basado en estado Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  24. 24. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Para cambiar el estilo de varios selectores a la vez usamos comas: h1,h2,h3{ color: red; } Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  25. 25. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Para cambiar el estilo de varios selectores a la vez usamos comas: h1,h2,h3{ color: red; } Para cambiar el estilo de todos los selectores usamos *: *{ color: red; } Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  26. 26. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  27. 27. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Para estructurar la p´agina debemos dividirla en secciones l´ogicas Elementos div Elementos span Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  28. 28. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Estructura La estructura com´unmente utilizada es: conteiner o contenedor header o cabecera content o contenido footer o pie Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  29. 29. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Estructura La estructura com´unmente utilizada es: conteiner o contenedor header o cabecera content o contenido footer o pie CONSEJO Esta estructura es la m´as com´un, pero puedes usar la que te resulte m´as sencilla Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  30. 30. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Modelo de Cajas Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  31. 31. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Modelo de Cajas Posicionamiento de una caja: Est´atico Absoluto Fijo Relativo Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  32. 32. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Elementos Flotantes Un elemento puede “flotar” a la derecha o a la izquierda usando la propiedad float. Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  33. 33. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  34. 34. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Estas estructuras se dividen con <div>...</div> Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  35. 35. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  36. 36. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Sistemas m´as comunes RGB(a) Hexadecimal RECUERDA Tambi´en puedes definir el color usando su nombre Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  37. 37. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Colores RGB y HEX RGB HEX 0,0,0 #000000 255,0,0 #FF0000 0,255,0 #00FF00 0,0,255 #0000FF 255,255,0 #FFFF00 0,255,255 #00FFFF 255,0,255 #FF00FF 192,192,192 #C0C0C0 Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  38. 38. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Fondo Propiedades comunes que se utilizan para personalizar el fondo de la p´agina: background-attachement background-color background-image background-position background-repeat Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  39. 39. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  40. 40. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Atributos comunes que se utilizan para personalizar el texto: font-family font-style font-variant font-weight font-size text-align text-decoration text-indent text-justify text-overflow text-transformation Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  41. 41. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  42. 42. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tipos de Enlaces Existen 4 atributos que se utilizan para editar los enlaces: :link Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  43. 43. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tipos de Enlaces Existen 4 atributos que se utilizan para editar los enlaces: :link :visited Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  44. 44. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tipos de Enlaces Existen 4 atributos que se utilizan para editar los enlaces: :link :visited :hover Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  45. 45. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tipos de Enlaces Existen 4 atributos que se utilizan para editar los enlaces: :link :visited :hover :active Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  46. 46. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tipos de Enlaces Existen 4 atributos que se utilizan para editar los enlaces: :link :visited :hover :active :focus Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  47. 47. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tipos de Enlaces Existen 4 atributos que se utilizan para editar los enlaces: :link :visited :hover :active :focus Adem´as se pueden completar con m´as atributos, como por ejemplo target Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  48. 48. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  49. 49. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Listas A la hora de editar una lista tendremos en cuenta de si esta es ordenada o desordenada Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  50. 50. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Listas A la hora de editar una lista tendremos en cuenta de si esta es ordenada o desordenada list-style-type Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  51. 51. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Listas A la hora de editar una lista tendremos en cuenta de si esta es ordenada o desordenada list-style-type list-style-position Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  52. 52. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Listas A la hora de editar una lista tendremos en cuenta de si esta es ordenada o desordenada list-style-type list-style-position list-style-image Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  53. 53. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Cajas - Bordes Algunos atributos utilizados border-color Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  54. 54. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Cajas - Bordes Algunos atributos utilizados border-color border-style Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  55. 55. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Cajas - Bordes Algunos atributos utilizados border-color border-style border-width Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  56. 56. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Cajas - Bordes Algunos atributos utilizados border-color border-style border-width border-radius Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  57. 57. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Cajas - Bordes Algunos atributos utilizados border-color border-style border-width border-radius RECUERDA Puedes editar solo un lado del borde haciendo referencia con el c´odigo border-top, border-right, border-bottom o border-left Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  58. 58. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tablas Para editar los bordes de las celdas ya sean pertenecientes a toda la tabla, los encabezados o al cuerpo de la tabla Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  59. 59. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tablas Para editar los bordes de las celdas ya sean pertenecientes a toda la tabla, los encabezados o al cuerpo de la tabla border-collapse Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  60. 60. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tablas Para editar los bordes de las celdas ya sean pertenecientes a toda la tabla, los encabezados o al cuerpo de la tabla border-collapse border-spacing Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  61. 61. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tablas Para editar los bordes de las celdas ya sean pertenecientes a toda la tabla, los encabezados o al cuerpo de la tabla border-collapse border-spacing caption-side Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  62. 62. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Tablas Para editar los bordes de las celdas ya sean pertenecientes a toda la tabla, los encabezados o al cuerpo de la tabla border-collapse border-spacing caption-side empty-cells Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  63. 63. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  64. 64. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Los estilos CSS nos ayudan a crear efectos din´amicos sin la utilizaci´on de scripts Algunos ejemplos son: Botones Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  65. 65. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Los estilos CSS nos ayudan a crear efectos din´amicos sin la utilizaci´on de scripts Algunos ejemplos son: Botones Men´us desplegables Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  66. 66. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Los estilos CSS nos ayudan a crear efectos din´amicos sin la utilizaci´on de scripts Algunos ejemplos son: Botones Men´us desplegables Pop-ups Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  67. 67. CSS BIBLIOGRAF´IA Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos Los estilos CSS nos ayudan a crear efectos din´amicos sin la utilizaci´on de scripts Algunos ejemplos son: Botones Men´us desplegables Pop-ups ... Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  68. 68. CSS BIBLIOGRAF´IA ´Indice 1 CSS Selectores Dise˜no Colores y Fondo Texto Enlaces Listas, Cajas y Tablas Efectos Din´amicos 2 BIBLIOGRAF´IA Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS
  69. 69. CSS BIBLIOGRAF´IA http://www.w3c.es/estandares/ http://www.w3schools.com/ http://www.javascripter.net/faq/rgbtohex.htm http://librosweb.es/ Juli´an Fern´andez, Rub´en Mart´ın XHTML y CSS

×