Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Diseño de
Aplicaciones Web
}
ENCUENTRO N°2
1 CONTENIDOS DE LA CLASE {
2
3 CSS HOJAS DE ESTILO EN CASCADA
4
5
6
Introduccion a CSS y su función en el Diseño Web
7
8
9
10 Selección de elementos y aplicaciones de estilos
11
12
13
14 }
Argentina Programa 4.0
ENCUENTRO N°2 UNIDAD 2 - Diseño de Aplicaciones Web
1
2
‘CSS Hojas de Estilo en Cascada’ {
3
4
5
6
7 [1. Introducción a ‘CSS’ y su
8 función en el ‘diseño web’]
9
10
11
12
13
14 }
Argentina Programa 4.0
CSS Hojas de Estilo en Cascada UNIDAD 2 - Diseño de Aplicaciones Web
1 ¿Qué es CSS? {
2
3
4
< CSS (Cascading Style Sheets) es un lenguaje
5
de diseño utilizado en conjunto con HTML para
6
7
crear páginas web atractivas y visualmente
8
agradables. CSS se utiliza para aplicar
9 estilos, colores, formatos, diseños y otros
10 aspectos visuales a los elementos HTML en una
11 página web.>
12
13
14 }
1
2
‘CSS Hojas de Estilo en Cascada’ {
3
4
5
6
7 [2. Selección de ‘elementos’ y
8 aplicaciones de ‘estilos’]
9
10
11
12
13
14 }
Argentina Programa 4.0
CSS Hojas de Estilo en Cascada UNIDAD 2 - Diseño de Aplicaciones Web
1 Selectores en CSS {
2
3
4
5
6
7
8
9
10
11
12
13 }
14
1 Tipos de selectores {
2
3
Selector de tipo {
4
5 < selecciona todos los elementos HTML que tienen el mismo tipo,
como "p" para párrafos. >
6
7 }
8
Selector de ID {
9
< selecciona un elemento HTML específico basado en su atributo
10 "id". El selector de ID se define utilizando el símbolo "#"
11 seguido del valor del atributo "id". >
12
}
13 }
14
1 Tipos de selectores {
2
3
Selector de clase {
4
5 < selecciona elementos HTML específicos que tienen una clase en
común. El selector de clase se define utilizando el símbolo "."
6 seguido del nombre de la clase. >
7 }
8
Selector de atributo {
9
< selecciona elementos HTML basados en el valor de uno de sus
10 atributos. Por ejemplo, puede seleccionar todos los elementos con
11 un atributo "href" que contenga cierto valor. >
12
}
13 }
14
1 Tipos de selectores {
2
3
Selector descendiente {
4
5 < selecciona un elemento HTML dentro de otro elemento HTML. Por
ejemplo, puede seleccionar todos los elementos "p" dentro de un
6 elemento "div". >
7 }
8
Selector de pseudoclase {
9
< selecciona elementos HTML basados en un estado o acción
10 específica, como "hover" (cuando el usuario pasa el mouse sobre
el elemento) o "visited" (cuando el usuario ha visitado un
11 enlace). >
12
}
13 }
14