Clases HTML
Elementos de clase en bloques
El atributo class del HTML hace posible definir estilos iguales para elementos <div> iguales.
Mensaje del Sistema 1
Este es el primer mensaje del Sistema para ejemplo de las clases en el HTML
Mensaje del Sistema 2
Este es el segundo mensaje del Sistema para ejemplo de las clases en el HTML
Mensaje del Sistema 3
Este es el tercer mensaje del Sistema para ejemplo de las clases en el HTML
Ejemplo:
<!doctype html>
<html>
<head>
<style>
div.alerta {
background-color: #FCF8E3;
border-color: #FAEBCC;
color: #C09853;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 0px;
}
</style>
</head>
<body>
<div>
<h3>Mensaje del Sistema 1</h3>
<p>Este es el primer mensaje del Sistema para ejemplo de las clases en el HTML</p>
</div>
<div class="alert alert-warning">
<h3>Mensaje del Sistema 2</h3>
<p>Este es el segundo mensaje del Sistema para ejemplo de las clases en el HTML</p>
</div>
<div class="alert alert-warning">
<h3>Mensaje del Sistema 3</h3>
<p>Este es el tercer mensaje del Sistema para ejemplo de las clases en el HTML</p>
</div>
</body>
</html>
Elementos de clase en línea
El atributo class del HTML también hace posible definir estilos iguales para elementos <span> iguales:
<!doctype html>
<html>
<head>
<style>
span.nota {
font-size:120%;
color: red;
}
</style>
</head>
<body>
<h1>Un encabezado <span class="note">importante</span></h1>
<p>Esto es un texto <span class="note">importante</span>.</p>
</body>
</html>