rss

CSS - Hojas de estilo


Clases e identificaciones

Clases

Un diseñador Web quizás desee asignar distintos estilos a las mismas etiquetas. Por esta razón, las especificaciones de CSS han creado el concepto de clases.

La definición de clases es tan simple como la de estilos. Consiste en especificar la etiqueta seleccionada (como con la declaración de estilo) y después agregarle un punto decimal (.) y el nombre que se le quiera dar a la clase. El nombre de la clase puede estar compuesto por letras, dígitos y guiones: 

Selector _de_etiqueta.Nombre-de-la-clase {
			propiedad de estilo: Valor;
			propiedad de estilo: Valor;
			...;
											}

"Nombre-de-la-clase" representa el nombre dado a la clase.

Activación de una clase

Para activar una clase dentro del código HTML, solamente hay que agregar el atributo class a la etiqueta:
Para la clase rojo aplicada a la etiqueta b: 

B.rojo {font: Verdana 12px; color: #FF0000; }
Para activar esta clase dentro del código se usa la siguiente sintaxis: 
<B class="rojo">Texto que irá en rojo y en negrita</B>

Clases universales

Es posible no especificar una etiqueta, en cuyo caso la clase puede utilizarse en cualquier etiqueta en la que el estilo seleccionado tenga significado. Se denominan clases universales (a veces clases independientes). Esta clase se define al colocar un punto decimal delante del nombre de la clase: 

.Nombre-de-la-clase {propiedad de estilo: Valor; propiedad de estilo: Valor; ...}

Por ejemplo, la clase "important": 

.important \