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.
<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:
}
