Miércoles
02 de marzo del 2022
8:00 a.m. a 11:00 a.m.
Clases en CSS
Selectores. Son los diferentes tipos de
clases.
-
Selectores por elemento:
p{
}
h1{
}
-
Selectores por clase (se les
pone un nombre lógico). Empiezan con “.”. Sirve para no tener que definir la
clase en html. Se pueden usar todas las veces que se quiera.
-
Selector ID (solo se usa una
por página y no pueden repetirse). Empieza con #.
-
Selector por atributo.
[src=”logo jpg”]{
color:blue;
}
-
Selector descendiente.
Selecciona los hijos cuyo padre sea una clase (o ID) específico. Todo lo que
tenga el padre lo tendrá el hijo, más todas las nuevas características.
.cliente.nombre{
color:blue;
}
-
Selector de todos los hijos.
Aplica una regla específica a todos los hijos.
Colores:
Al utilizar un color por su nombre, solo
serán los colores primarios (no es recomendable).
Modelos de color.
:root{ (irá al
inicio, así se define la palabra de colores).
--blanco#FFFFFF;
}
/*Comentarios en CSS*/
En Google fonts se copia el link y se
pega dentro del body en CSS. Agregarlo en “mis estilos”.
-
200 itálica.
-
400 normal.
-
700 negrita.
“Normalize.CSS” (sirve para normalizar
el sitio en cualquier navegador que lo abran, de preferencia se descarga la
versión más nueva).
Descargar normalize, copiar el código,
abrir una nueva html y pegar el código ahí.
-
Precargar normalize, en “cuarto.html”
El día de hoy también avanzamos a “cuarto.html”
y a “mis estilos.css”. Aún estamos en proceso, sin embargo, así vamos hasta el
momento:
cuarto.html
“mis estilos.css”
Lo siguiente es un fragmento de “normalize.css”
Trabajo elaborado por: Armendariz
Hernández Michelle Estefania
