Scribd
Cargar
31 vistas4 páginas

Guia 12

La guía de laboratorio #12 se centra en el uso de Hojas de Estilo en Cascada (CSS) y presenta varios tipos de selectores, incluyendo el selector descendiente directo, el selector de hermanos adyacentes, los selectores generales de hermanos y los selectores de atributo. Se proponen ejercicios para implementar páginas utilizando estilos en un archivo externo. La guía está diseñada para ayudar a los estudiantes a comprender y aplicar conceptos de CSS en sus proyectos.

Cargado por

Judas Skariote
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
31 vistas4 páginas

Guia 12

La guía de laboratorio #12 se centra en el uso de Hojas de Estilo en Cascada (CSS) y presenta varios tipos de selectores, incluyendo el selector descendiente directo, el selector de hermanos adyacentes, los selectores generales de hermanos y los selectores de atributo. Se proponen ejercicios para implementar páginas utilizando estilos en un archivo externo. La guía está diseñada para ayudar a los estudiantes a comprender y aplicar conceptos de CSS en sus proyectos.

Cargado por

Judas Skariote
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

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

También podría gustarte