Estás aquí: mailxmail > Cursos de Informática > Programación > CSS práctico > El atributo CLASS

CSS práctico

Autor: Ricardo Borillo
Curso:

4,36/5 (109 opiniones) |8203 alumnos|Fecha publicación: 10/09/2004

Capítulos del curso

0. Presentación
1. Introducción
2. Aspectos con los que CSS no se ha enfrentado en su primera especificación
3. El tag LINK
4. Hojas de estilos alternativas
5. La directiva @import
6. Reglas básicas
7. Agrupación de selectores y declaraciones
8. El atributo CLASS
9. Pseudo-Clases y Pseudo-Elementos
10. Estructura
11. Especificidad
12. Estilos en cascada
13. Colores
14. Indentación
15. Alineación
16. Espacios en blanco
17. Anchura de líneas
18. Alineación vertical
19. Espacio entre palabras
20. Transformaciones del texto
21. Decoración del texto

Capítulo 8:

El atributo CLASS

Nos permite asignar estilos al documento sin preocuparnos de los elementos concretos a los que se aplicarán. Como desventaja, está el hecho de que debemos modificar el código HTML del documento, incluyendo atributos CLASS en los lugares donde queramos aplicar estilos.

<p class="cita">En en lugar de la mancha ...</p>

Sólo nos queda definir este nuevo estilo como una regla más de nuestro documento CSS:

.cita {font-weight: bold; color: red;}

El punto inicial es necesario para mantener la definición de este estilo desvinculada de cualquier elemento del documento. Si queremos restringir el uso de este estilo a un tipo de elemento, podemos definirlo como:

p.cita {font-weight: bold; color: red;}
El atributo IDEn cierta forma, el atributo ID es igual que CLASS. Diferencias:
La definición de los estilos de tipo ID, están precedidas por el carácter #, en lugar del punto.
#first-para {font-weight: bold;}<P ID="first-para">This is the first paragraph, and will be boldfaced.</P>
El mismo atributo ID sólo puede usuarse en un elemento. Debe ser único. En la realidad, los navegadores no hacen comprobaciones de este tipo y podemos utilizar el mismo valor de ID para dar estilo a múltiples elementos.
Los estilos de tipo ID también pueden definirse al margen de cualquier elemento, pero estas definiciones no tienen ningún sentido al ser sus valores únicos y no aplicables a otros elementos.

Capítulo siguiente - Pseudo-Clases y Pseudo-Elementos

Capítulo anterior - Agrupación de selectores y declaraciones

Hay 109 opiniones. Opina sobre este curso.

Sigue el curso por e-mail

Descarga el PDF gratis

Cursos similares a CSS práctico

	Cursos	Valoración	Alumnos	Vídeo
SVG: gráficos e interactividad en la Web En muchos tipos de páginas Web, interesa que aparezcan gran cantidad de gráficos e imágenes y que además exista cierta interactividad entre los usuarios y el contenido de... [15/09/04]			4.377
Twitter. Cómo crear una cuenta Crear una cuenta de Twitter (una de las redes sociales -de microblogging, en este caso- más populares) es el objetiv... [23/09/09]			463
Procesos en C. Sincronización (segunda parte) Curso de informática sobre sincronización de procesos en C, que, en su segunda parte, desarrolla el tema de la comunicación entre los procesos de un sistema informático; ... [21/10/08]			704