UAJMS Ejercicios HTML

G U I A D E L A B O R A T O R I O # 12
HOJAS DE ESTILO EN CASCADA
Cascading Style Sheets (CSS)

1.- Selector Descendiente Directo.

CSS2 introduce el selector hijo especificado por “ > ”.

Pruebe que pasa con este ejemplo:

Taller I - Lic. Octavio Aguilar M. 1

UAJMS Ejercicios HTML

2.- Selector de Hermanos Adyacentes.

Este tipo de selectores está especificado por el símbolo “+”.

Son afectados todos los Párrafos que estén directamente después de H1.
Probar:

Taller I - Lic. Octavio Aguilar M. 2

UAJMS Ejercicios HTML

3.- Selectores General de Hermanos.

En CSS3 el símbolo “~” puede ser usado para definir un selector y afectar a todos los
hermanos que lo preceden.

4.- Selectores Atributo.

Permite reglas para relacionar elementos condicionados por los atributos del selector.

Taller I - Lic. Octavio Aguilar M. 3

UAJMS Ejercicios HTML

Ejercicios Propuesto: Implementar las siguientes páginas aplicando Hojas

de estilo en un archivo externo.
a)

b)

Taller I - Lic. Octavio Aguilar M. 4