3. Classes CSS

Una classe és un nom inventat per nosaltres que estalviarà un estil específic. La classe i els seus estils es defineixen al full CSS i s’utilitza al document HTML.

Exercir

Fitxer ** CSS-CLASES.HTML **

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!doctype html>
<html>
<head>
   <title> Estilos definidos por Clases </title>

   <link rel="stylesheet" type="text/css"
         href="css-clases.css" >

</head>
<body>

   <h1> Estilos definidos por Clases </h1>
   
   <p> Párrafo con estilo por defecto </p>
   <p class="estilo2"> Párrafo con estilo propio. Con estilo2 </p>
   
   <ul>
   <li> Lista con estilo por defecto </li>
   <li class="estilo3"> Lista con estilo propio. Con estilo3 </li>
   </ul>
      
</body>
</html>

Fitxer ** CSS-CLASES.CSS **

Código del fichero css-clases.css

Resultat

Resultado de visualizar los ficheros css-clases.html y css-clases.css en un navegador