Hojas de Estilo: Tutorial CSS

Ferran Perdrix Sapiña

Estilo en las etiquetas.

Se puede especificar el estilo dentro de un elemento HTML, dentro de la etiqueta <head> de una página HTML o en un fichero CSS externo. Por tanto, para cada elemento HTML puede existir un cierto conflicto para saber que estilo se debe aplicar.
Para evitar esta ambigŁedad se debe seguir el siguiente orden de aplicación:

  1. Estilo definido directamente en el elemento HTML.
  2. Hoja de Estilo de la página (definido en la etiqueta <head>).
  3. Hoja de Estilo externa (en fichero CSS).
  4. Valores por defecto del navegador

Finalmente se puede observar que en caso de conflicto de declaración de estilos prevalecen los mas prioritarios. En nuestro ejemplo en la etiqueta <H1> prevalece el color naranja de la etiqueta sobre el verde del fichero de estilos. No obstante se hereda el tamaño de la letra del fichero de estilos.

Informàthica personal

Pseudo-Clases