Create a codepen.io account.
-
Activity 1 : Display Property (press ctrl key + click to open in new tab)
-
Do the exercises with a partner. Exercises are in the code-comments
-
Discuss:
-
What does
display: block
do? -
What does
display: inline-block
do?
-
-
Activity 2 : Color Values
-
Do the exercises with a partner. Exercises are in the code-comments
-
Discuss:
-
What are the two ways we represent colors in CSS?
-
What does the FF in
#FF0000
signify? -
What does the
255
inrgba(0,255,0,1)
signify?
-