HOJAS DE ESTILO (CSS)

Objetivos

• Aprender a crear y usar hojas de estilo
• Ver los beneficios de usar estilos comparando una página antes y después de usar el estilo

---

Permiten definir estilos en el documento html, asociando etiquetas a distintas propiedades de fuentes, texto, fondo, color y ventanas.

Conviene definir  los estilos en ficheros aparte, para así poderlos usar en cuantos documentos se desee.

Para incluir un fichero de estilos, se debe escribir lo siguiente:

<link rel= stylesheet type= text/css href= estilos/presentaciones.css">

Ejemplos de definición de estilos:

• Se define un estilo nuevo:
  C {color: blue; text-align: center;background-color: orange}
  
  
• Se redefine un estilo existente:
  • Redefición de negrita añadiendo otras propiedades cuando se está dentro de una celda de una tabla:
    TD B {background-color: yellow; font-style: italic}
    
    
  • Redefinición de estilo h1 (encabezado 1):
    H1 {text-align:center; color:red}
    
    
• Se redefine un estilo, añadiendo una clase que se puede aplicar a párrafos, encabezados, etc
  .dv {text-align:righ; color: green}
  
  

Se puede añadir la etiqueta <div> y subetiqueta <span> para aplicar estilos a bloques de texto.

Ver hoja de Estilos
Ver código para ver dónde aplicar estilos