Selecctores CSS SELECTORES

Presentación del tema: "Selecctores CSS SELECTORES"— Transcripción de la presentación:

1 Selecctores CSS SELECTORES
Ángela Ganfornina Alcón

2 1.TIPOS DE SELECTORES CSS
1.1. SELECTOR UNIVERSAL 1.2. SELECTOR DE TIPO ETIQUETA 1.3. SELECTOR DESCENDENTE 1.4. SELECTOR DE CLASE 1.5. SELECTOR ID Ángela Ganfornina Alcón

3 SELECTOR UNIVERSAL EJEMPLO
¿PARA QUÉ SE UTILIZA? Se utiliza para seleccionar todos los elementos de la página. ¿CÓMO SE INDICA? El selector universal se indica mediante un asterisco (*). EJEMPLO Ángela Ganfornina Alcón

4 SELECTOR TIPO ETIQUETA
¿PARA QU SE UTILIZA? Selecciona todos los elementos de la página cuya etiqueta HTML coincide con el valor del selector ¿CÓMO SE INDICA? Para utilizar este selector, solamente es necesario indicar el nombre de una etiqueta HTML EJEMPLO Ángela Ganfornina Alcón

5 SELECTOR DESCENDENTE EJEMPLO
¿PARA QU SE UTILIZA? Selecciona los elementos que se encuentran dentro de otros elementos. ¿CÓMO SE INDICA? Un elemento es descendiente de otro cuando se encuentra entre las etiquetas de apertura y de cierre del otro elemento. EJEMPLO Ángela Ganfornina Alcón

6 SELECTOR DE CLASE Para aplicar estilos CSS a una sola etiqueta
¿PARA QU SE UTILIZA? Para aplicar estilos CSS a una sola etiqueta ¿CÓMO SE INDICA EN HTML? el atributo class=“ejemplo” ¿CÓMO SE ENDICA EN CSS? .ejemplo Ángela Ganfornina Alcón

7 Ejemplos de selectores de clase
Ángela Ganfornina Alcón

8 SELECTORES ID ¿PARA QUE SE UTILIZA? para aplicar estilos a un único elemento, eficiente que class ¿Cómo SE INDICA EN HTML <Div id=“Ejemplo”> </div> ¿Cómo SE INDICA EN CSS? #ejemplo Ángela Ganfornina Alcón

9 EJEMPLOS SELECTORES ID CSS
Ángela Ganfornina Alcón

10 EJERCICIOS Ángela Ganfornina Alcón