Clases en CSS y teoría del diseño

Miércoles 16 de marzo del 2022

8:00 a.m. a 11:00 a.m.

 

El día de hoy formamos equipos de 3 y estuvimos practicando las clases en CSS, para ello recurrimos a la página web: “flukeout.github.io”

Las respuestas que mi equipo y yo hicimos en la clase fueron las primeras 12, las demás las realicé por mi propia cuenta y son las siguientes:

1.    Select the plates  .table plate,plate

2.    Select the bento boxes  .table plate,bento,bento

3.    Select the fancy plate   .table plate,#facy

4.    Select the apple on the plate   .table .plate, plate apple

5.    Select the pickle on the fancy plate   .table .plate,#fancy pickle

6.    Select the small apples   .table .plate, .small

7.    Select the small oranges   .table.plate,orange.small

8.    Select the small oranges in the bentos   .table .bento,bento orange small

9.    Select  all the plates and bentos   .table plate,plate,bento

10. Select all the things   .table plate,plate,bento,apple,orange,orande.small

11. Select everything on a plate  .table .plate,#fancy orange.small,pickle,.plate,plate.small,pickle, .plate,plate apple

12. Select every Apple that´s next to a plate  plate+apple

13. Select the pickles beside the bento     bento~pickle

14. Select the apple directly on a plate  plate>apple

15. Select the top orange  plate orange:first-child

16. Select the apple and the pickle on the plates   plate apple,plate pickle

17. Select the small apple and the pickle   #fancy apple,pickle

18. Select the 3rd plate   plate:nth-child(3)

19. Select the 1rs bento   bento:nth-child(2)

20. Select first apple   apple:first-of-type

21. Select all even plates  plate:nth-of-type(2),plate:nth-of-type(4),plate:nth-of-type(6)

22. Select every 2nd plate,starting from the 3rd   plate:nth-of-type(2n+3)

23. Select the apple on the middle plate   apple.small:only-of-type

24. Select the last apple and orange   orange.small:last-of-type,apple.small:last-of-type

25. Select the empty bentos   bento:empty

26. Select the big apples     apple:not(apple.small)

27. Select the items for someone   apple:not(apple:small),plate,bento:nth-of-type(2)

28. Select  the plates for someone    plate:not(plate:empty)

29. Select  Vitaly´s meal   bento:nth-child(3)

30. Select the items for names that start with “Sa”    bento:nth-vhild(2),plate

31. Select  the items for names that end with “ato”     bento,plate

32. Select the meals for names that contain “obb”   bento:not(bento:nth-child(2))

 

La tarea del día de hoy fue imprimir la rúbrica para el diseño de un mapa mental y desarrollar las teorías del diseño, este es mi mapa mental:

Trabajo elaborado por: Armendariz Hernández Michelle Estefania