CSS

Sintaxis

CSS se basa en el uso de selectores de elementos HTML a los que se les aplicará un conjunto de estilos:

selector-1 {
  propiedad-estilo-1: valor-estilo-1;
  propiedad-estilo-2: valor-estilo-2;
  ...
}
selector-2 { ... }
...

Para que se apliquen estos estilos a un documento HTML hay 3 posibilidades:

  1. Referenciando a ficheros CSS externos:

    <!DOCTYPE html>
<html lang="es">
<head>
  <title>Recomendado</title>
  <link rel="stylesheet" href="URL (absoluta o relativa) al fichero CSS">
</head>
<body><h1>Elemento estilizado</h1></body>
</html>

  2. Incluyéndolos dentro del propio HTML:

    <!DOCTYPE html>
<html lang="es">
<head>
  <title>Menos recomendado</title>
  <style>
    h1 { color: blue; }
  </style>
</head>
<body><h1>Elemento estilizado</h1></body>
</html>

  3. Aplicándolos directamente al elemento en cuestión (no se necesita el selector):

    <!DOCTYPE html>
<html lang="es">
<head>
  <title>El menos recomendado</title>
</head>
<body><h1 style="color: blue;">Elemento estilizado</h1></body>
</html>