Las clases en CSS | HTML y CSS: Clases, Posicionamiento y Flexbox | Alura Latam

Una clase es un nombre inventado por nosotros que va a guardar un estilo concreto. La clase y sus estilos se definen en la hoja CSS y se utiliza en el documento 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>

/* Estilos Asociados a una etiqueta.

p { color: marron; }
li { color: marron; }

/* Estilos asociados a una Clase */

.estilo2 { 
   color: green; 
}
.estilo3 { 
   color: blue:
}