Está bien, así que es hora de otro ejercicio aquí.
Así que este ejercicio cubrirá todo lo que hemos hablado en lo que respecta a los selectores de SS.
Por lo tanto, no vamos a construir ningún tipo de sitio web cohesivo completo que venga a continuación.
Vamos a hacer un pequeño blog en el próximo ejercicio.
Este es más un ejercicio tradicional con un montón de problemas muy cortos.
Básicamente, les estoy dando un montón de HMO, se ve así.
Realmente no significa nada.
De hecho, todo el texto aquí es de un sitio web llamado hipster ipsum.
Es como un dormitorio ipsum, excepto que está usando palabras hipster como farm to table
y locavore y Portland y Williamsburg.
Entonces es solo un montón de palabras.
Entonces, el punto es que no importa lo que hay aquí, lo que sí importa es este archivo.
El archivo CSSA que también te di y está vacío.
Además de un montón de comentarios, estos comentarios te dan instrucciones para lo que debes hacer.
Así que arriba es el estilo de línea más importante, los elementos HTML de edad de acuerdo con las
siguientes instrucciones no alteran el HVM existente para hacerlo bien.
Solo CSI s.
Entonces eso significa que no toques este archivo.
Esto es aquí solo como código de inicio para ti.
Este es el HVM.
Vas a hacer todo en C SS. Así que no puedes entrar aquí y agregar nuevas ideas o agregar nuevas clases o
agregar nuevos elementos.
Solo mantenlo exactamente como es.
Entonces, la forma en que funciona allí son problemas diferentes.
Entonces, el primero le da al elemento del cuerpo un fondo de este color.
Simplemente escribiremos el código para seleccionar el cuerpo y luego le daremos un color como este.
Así que te daré esa gratis.
Estoy seguro de que la mayoría de ustedes podría haber hecho eso.
Lo mismo ocurre con todos estos, por lo tanto, haga que todos los h hagan que todos los años hagan algo para que todos los elementos aliados tengan
una sola nota.
Algunos de estos le pedirán que use una propiedad que todavía no hemos cubierto y que es deliberada.
algo de experiencia en algunas propiedades de las que todavía no hemos hablado explícitamente en los videos.
Solo quiero que tengas
Entonces en ese caso aquí hay uno.
Haga que todos los párrafos que están anidados dentro de div dividan 25 píxeles y luego entre paréntesis, le doy
el código que necesita para el tamaño de la fuente 25 x.
Entonces hay algunos más de esos.
Aquí hay una y aquí hay otra más: haga que todas las casillas marcadas tengan un margen izquierdo de 50 píxeles, por lo
que necesita usar un margen de 50 píxeles y está bien que no sepa exactamente qué hace
eso en los próximos videos.
Entonces, otra nota aquí.
Estos se vuelven un poco más difíciles a medida que avanzan.
Así que arriba empiezan con un selector de elementos y luego hablamos de clases e ideas y luego comenzamos a hablar
sobre algunos de los otros selectores que mencionamos en el último video.
Así que haga que todos los párrafos que están anidados dentro de los divs solo hagan entradas con texto tipo.
Tener un gran fondo y luego cosas como dar el segundo párrafo dentro del tercer borde div
5 pixel blanco.
buena noticia es que todos los selectores que necesita usar aquí se pueden encontrar en los selectores de CSSA de los años 30.
Entonces, la
Debe memorizar el artículo y puede encontrarlo fácilmente en línea y hemos cubierto la mayoría de ellos.
Aunque hay algunos que no cubrimos en el último video y están en la sección de
desafíos adicionales.
Eso incluye cosas como hacer que todas las casillas marcadas tengan un margen izquierdo, por lo que hay
una forma de seleccionar las casillas marcadas.
O aquí hay otro.
Haga la primera letra del elemento con un tamaño especial de letra verde y de 100 píxeles.
Entonces hay una manera de seleccionar solo la primera letra.
Haga que el color de los elementos H-1 cambie a azul cuando se coloca sobre ellos y haga que los elementos de una etiqueta que se
han visitado se vuelvan grises.
Así que recuerda que una etiqueta es un enlace y probablemente ya has visto esto antes.
Puede cambiar o los sitios cambiarán el color de un enlace al que ha estado en comparación con un enlace en
el que no haya estado antes.
Entonces hay una forma de escribir que vería evaluar.
Entonces, como siempre, en el próximo video vamos a repasar una solución.
Puede ir poco a poco, pero le recomiendo que pruebe esto hasta donde pueda probar todas estas bonificaciones.
Una cosa que no mencioné aquí, esta es ligeramente diferente.
Convierta todos los elementos de la etiqueta en mayúsculas sin cambiar el h t m l, de modo que el selector
aquí es realmente simple. Solo estamos seleccionando todos los elementos de la etiqueta, pero la propiedad es un poco desafiante.
Hay una manera de usar C Ss para hacer algo en mayúsculas sin cambiar el texto en el
HTML.
Puede hacerlo a través de C S igual que cambiaría el color o el borde.
Puede cambiar una propiedad que la convertirá en mayúscula o minúscula.
Muy bien, así que mira en el siguiente video