Saltar navegación

Follas de estilo externas

Crear unha folla de estilos externa

Vamos a seguir un exemplo de como se crea un arquivo CSS, neste caso con súas regras de estilo, as mesmas que vimos no exemplo de follas de estilos internas. Seguiremos os seguintes pasos:

  1. Créase un arquivo de texto e engádeselle as regras de estilo, neste caso engadimos as mesmas que para o exemplo das follas de estilo internas:
    body {margin: 10px;}
    p {color: red;}
    
  2. Gárdase o arquivo de texto co nome estilos.css Débese poñer especial atención a que o arquivo teña extensión .css e non .txt

  3. Na páxina HTML enlázase o arquivo CSS externo mediante a etiqueta <link>:

    <!doctype html>
    <html>
      <head> 
      ...
        <link rel="stylesheet" type="text/css" href="o_meu_estilo.css">
      ...
      </head>
      
      <body> 
       ....
    

Exemplo

Así, por exemplo:

Como aplicar unha folla de estilos externa

Como aplicar unha folla de estilos externa. Diego Rodicio. CC BY-SA