En la clase de hoy se ha fijado, para los que lo tengan que hacer, el examen de recuperación de Lenguaje de Marcas, además de empezar a dar las clases por videoconferencia para los que no tengan o no puedan venir a clase, tanto de Lenguaje de Marcas como de Bases de Datos.
Continuación Unidad 2.2
Hemos continuado con la parte de CSS en una hoja de estilos para una página web. Al principio se ha dado un repaso a los contenidos vistos con anterioridad y, después, hemos empezado a ver la parte de los selectores. la función de los selectores es identificar en la parte HTML elementos concretos a los que le queramos proporcionar ciertos estilos o características en CSS. Encontramos selectores más importantes, que son los utilizados normalmente en las páginas web como: selectores universales (*), de tipo etiqueta (h1, p, body, etc), descendentes (h1 p a, p * a, etc) de clase(class) y de id (id).
Aparte se encuentran los selectores hijo (p > a), incluyéndose el nieto (p * a), que consiste en que, dentro un elemento compuesto por varias etiquetas, se selecciona únicamente la etiqueta (hijo) que sigue a la principal (padre) para proporcionarla estilos o atributos. Si se quisiera usar la siguiente etiqueta a la hijo, pero sin que afecte al propio hijo, sería la etiqueta nieto, utilizando el selector universal (*) en vez del hijo(>). los selectores hermanos son los elementos que van uno a continuación del otro pero sin relación entre ellos, aplicándoles los mismos estilos o atributos, por ejemplo: h2 + h3{ color: blue}.
Los selectores atributos, básicamente, se utilizan cuando se quiere aplicar algún estilo a elementos que tengan los mismos atributos. Se encuentran 4 tipos de selectores atributo: [atributo] selecciona los elementos con el mismo atributo, [atributo=valor] selecciona elementos con el mismo valor del atributo, [atributo ~= valor]selecciona los elementos que tengan al menos el atributo especificado, [atributo |= valor]Selecciona elementos con el atributo y que comience por el valor especificado.
Los selectores tipo class proporcionan estilos a uno o diferentes elementos que contengan el mismo tipo de clase. para identificar los class se utiliza en la hoja de estilos de CSS un punto (.) + el nombre del class.
Los selectores id proporcionan estilos a elementos concretos. Se identifican con un id + nombre del id en HTML y, en CSS, se representa con una (#). Cuando se usa un id no se puede repetir en otro elemento ese mismo identificador con el mismo nombre, cada elemento se le proporciona un id con un nombre distinto de identificador.
La clase ha terminado practicando un poco en VSC utilizando los selectores aprendidos.
No hay comentarios:
Publicar un comentario