Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

1576068513_css-basico-60.pdf

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Próximo SlideShare
Semántica en HTML5
Semántica en HTML5
Cargando en…3
×

Eche un vistazo a continuación

1 de 12 Anuncio

Más Contenido Relacionado

Similares a 1576068513_css-basico-60.pdf (20)

Más reciente (20)

Anuncio

1576068513_css-basico-60.pdf

  1. 1. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet [6.3] sintaxis básica de CSS LMSGI, módulo del ciclo de FP de Grado Superior, Administración de Sistemas Informáticos en Red
  2. 2. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet funcionamiento selector{ propiedad1:valor1; propiedad2:valor2; …. }
  3. 3. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet comentarios /* comentario */
  4. 4. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet inserción de código CSS LMSGI, módulo del ciclo de FP de Grado Superior, Administración de Sistemas Informáticos en Red
  5. 5. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet añadir código CSS •Dentro de la propia etiqueta <p style=“color:red”>Nuevo párrafo</p> •El código CSS solo afecta a esa etiqueta
  6. 6. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet añadir código CSS •En la cabecera <head> <style> p{ color:red; } </style> •Afecta a todo el documento
  7. 7. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet añadir código CSS • En archivo separado (externo), por ej. estilos.css p{ color:red; } • Se incrusta el código con: <head> <link rel=“stylesheet” href=“estilos.css” type=“text/css”> • Código reutilizable para varios documentos
  8. 8. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet orden de aplicación de estilos CSS
  9. 9. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet orden de aplicación de estilos según el ámbito (el último predomina) 1. Estilos del navegador 2. Estilos externos (link) 3. Etiqueta style (dentro de head) 4. Atributo style (dentro de un elemento concreto)
  10. 10. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet orden de aplicación de estilos en el mismo ámbito (el último predomina) 1. El último que aparece 2. El que se refiere a un elemento más interior
  11. 11. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet Alteración del orden predefinido •Se coloca la palabra !important al final de la propiedad. •Ejemplo: strong{ color:Green !important; } •Solo funciona ante conflictos en el mismo ámbito
  12. 12. LMSGI-Unidad 5-CSS Jorge Sánchez, www.jorgesanchez.net @jorgesancheznet Herencia •Un elemento que se encuentra dentro de otro hereda el formato de su contenedor: p{ color:red; } strong{ font-size:14pt; } … <p><strong>Hola</strong> amigos </p> Color rojo y 14 t Solo color rojo

×