Ir al contenido principal

Clases, pseudoclases y pseudoelementos (CSS)

Tabla de contenido


Clases

Una clase es una série de propiedades y métodos que se agrupan en una estructura para poder aplicarlos conjuntamente a una série de objetos, como CSS no tiene métodos, en este caso la clase solo contendrá propiedados (atributos) y decidiremos que objetos pertenecen a esta clase con el atributo HTML class.


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:
 
000
001
002
003
004
005
006
007
008
009
010
011
012
013
014
015 
<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:
 
000
001
002 
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..

Comentarios

Entradas populares de este blog

Como descargar e instalar Fuentes en tu PC

Los  distintos tipos de letras nos permiten generar trabajos impresos de mejor calidad.  De allí la importancia de poseer en nuestra computadora de un gran número de fuentes entre las cuales elegir. Tanto los   profesionales del diseño gráfico   como todos aquellos que solemos utilizar nuestra computadora para realizar trabajos impresos, conocemos la importancia de disponer de un importante número de fuentes. 

(Blogger) Corazones que sube por el blog

Cupido ya está a la vuelta de la esquina y ahora no es el amor el que está en el aire sino los corazones, muchos corazones. Giffy.me  nos ofrece estos dos scripts que harán que tu blog se inhunde de romanticismo al mostrar muchos  corazones subiendo como globos por el blog . Son dos diseños, el primero son corazones color rosa de un tamaño mediano, el segundo son corazones pequeños en color rojo; en ambos casos los corazones subirán por la página moviéndose de un lado al otro.

C# - Jerarquia de Operaciones - .NET

El problema de no tomar en cuenta la jerarquía de los operadores al plantear y resolver una operación casi siempre conduce a resultados muchas veces equivocados como estos: