2. Fitxers CSS¶
La majoria de les pàgines web utilitzen un fitxer separat per a estils. Això permet que diversos documents HTML tinguin el mateix full d’estil CSS. D’aquesta manera, les diferents pàgines tindran una presentació similar. A més, en el moment en què voleu canviar un estil, només caldrà fer -ho en un fitxer CSS i tots els documents HTML que depenen d’aquest fitxer canviaran alhora.
En aquest exercici es separarà el full d’estil CSS del fitxer HTML. Per enllaçar les dues fulles s’utilitza l’etiqueta <link>.
Etiquetes utilitzades¶
Enllaç de fulla d'estil CSS:
<link rel="stylesheet" type="text/css"
href="file.css" >
Heu de substituir FILE.CSS pel full d’estil que voleu utilitzar.
Exercir¶
Fitxer ** CSS-File.html **
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <!doctype html>
<html>
<head>
<title> Fichero CSS </title>
<link rel="stylesheet" type="text/css"
href="css-file.css" >
</head>
<body>
<!-- Todo el texto siguiente es igual que
el ejercicio anterior. -->
<h1> Estilos </h1>
<p>
Los estilos cambian la presentación del
contenido en la pantalla.
Los estilos pueden cambiar por ejemplo:
</p>
<ul>
<li>El color del texto y del fondo.</li>
<li>Los tipos y tamaños de letra.</li>
<li>La posición y distancia de las frases.</li>
<li>Los márgenes y bordes.</li>
</ul>
</body>
</html>
|
Fitxer ** CSS-File.CSS **
Resultat¶
