La clase se definirá como expliqué en Sintaxis CSS, utilizando
un selector de clase y poniendo todos los atributos y valores entre corchetes,
veamos un ejemplo completo:
<html>
<head>
<title>Mi CSS</title>
<style>
.miClase {
border: 1px solid red;
padding: 4 4 4 4;
</style>
</head>
<body>
<b>Menú</b>
<div class="miClase">Indice</div>
<div class="miClase">Descargas</div>
<div class="miClase">Links</div>
</body>
</html>
Como podeis ver, todos los objetos div están en la clase miClase,
por lo tanto todos estos objetos tendrán las mismas propiedades.
Pseudoclases
Las pseudoclases són unas clases especiales de HTML, que se refieren
a algunos estados especiales del elemento, las pseudoclases, igual que
los pseudoelementos, se escriben de la siguiente manera:
objeto:pseudoclase {
propiedad: valor;
}
Las principales pseudoclases són para el objeto A (vínculo),
y són las siguientes:
link - Enlace sin explorar
visited - Enlace que ha sido seguido por el usuario
active - Enlace seleccionado por el usuario
hover - Enlace que tiene el ratón encima
Pseudoelementos
Los pseudoelementos són partes determinadas de de un objeto, y
tenemos las siguientes.
first-letter - Se refiere a la primera letra del objeto.
first-line - Se refiere a la primera línea del objeto.
De esta manera, con las pseudoclases y pseudoelementos, podemos definir una letra capital para la primera fila de cada párrafo, un enlace que se recuadra si le ponemos el mouse encima...
Por Eloi de San Martín
www.programacionweb.net
Usuarios que han visto este tema también han visto...
- Comentarios en CSS
- Texto vertical en CSS
- Filtro de imagenes mediante CSS (invertir imagenes).
- Menú rollover en CSS
- Menú con efecto onmouseover con CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.