Definir estilos utilizando clases
El atributo CLASS
Permite crear estilos que se pueden utilizar cuando queramos.
Primero, definimos una regla en el documento CSS (el punto inicial es necesario):
.cita {font-weight: bold; color: red;}
Una vez definida, podemos aplicar la clase en cualquier etiqueta HTML:
<p class="cita">En en lugar de la mancha ...</p>
También, podemos restringir el estilo a un tipo de elemento:
p.cita {font-weight: bold; color: red;}
Incluso, como me indica Jaime, podemos usar múltiples clases para un mismo elemento HTML:
.maintext {
font-family: "Courier New", Courier, mono;
font-size: 14px;
color: #FFCC99
}
.center {
text-align: center;
}
<div class="maintext center">
El atributo ID
Es igual que CLASS, pero sólo puede usuarse en un único elemento. Los estilos ID están precedidos por #:
#first-para {font-weight: bold;}
<p id="first-para">This is the first paragraph, and will be boldfaced.</p>
Artículos relacionados
Opciones de discusión
Hay 1 comentario
Saludos:
Aprecio mucho tu blog y el diseño del mismo, claro y sobrio. Sabes que además de usar una clase para un elemento del HTML puedes usar multiples clases. Por ejemplo:
.maintext {
font-family: “Courier New”, Courier, mono;
font-size: 14px;
color: #FFCC99
}
.center {
text-align: center;
}
¡Tratalo!
Deja un comentario