Evolución de HTML

La evolución que ha seguido HTML es la siguiente:

  • HTML con atributos en etiqueta.
  • Separación de estructura y apariencia
    • Estructura con HTML
    • Apariencia con CSS

Donde colocar el lenguaje CSS

Hay varios sitios donde se puede colocar CSS:

  • En un archivo independiente: dicho archivo tiene la extensión CSS.
  • En la cabecera del documento: normalmente dentro de la etiqueta <head>.
  • Estilo inline: para casos muy concretos. Esta tercera opción está desaconsejada ya que tienes que modificar todas las etiquetas.

Modelo caja - contenedor

Existen 2 tipos de etiquetas en HTML.

  • Etiquetas block: generan un salto de línea, y además ocupan el 100% del espacio
  • Etiquetas inline: no generan un salto de línea

La mayoría de etiquetas de estructura son etiquetas block.

Tipos de selectores

En CSS tenemos selectores de etiqueta, selectores de tipo id y selectores de clase.