DLT:
  • Create a CSS rule-set for the body element that impacts all elements on the page.
  • Use CSS properties to change the size, position, and borders of elements.
  • adjust the bounciness of an actor by changing its gravity and restitution.

Question of the Day: How can we style the images and layouts of our pages?

Activities:
  • Code.org Lesson 11: Styling Elements with CSS - This lesson continues the introduction to CSS style properties, this time focusing more on non-text elements. Students begin this lesson by looking at a website about Desserts of the World. They investigate and modify the new CSS styles on this website, adding their own styles to the page. After working on the Desserts page, students apply their knowledge of new CSS properties to their personal websites. Due at the end of class.

Introduced Code

  • background-color: value;
  • border-color: value;
  • border-radius: value;
  • border-style: value;
  • border-width: value;
  • float: value;
  • height: value;
  • margin: value;
  • width: value;


Vocabulary
  • Restitution - refers to how high an object bounces.
  • Gravity - the force that causes objects to fall to the ground.

Activities:
  • Tynker 202: Gravity and Bouncing - In this lesson we're going to learn how to adjust the bounciness of actors by changing their gravity and restitution, which basically refers to how bouncy something is.
The blocks we will be learning about in this lesson are ‘‘start physics’, ‘stop physics’, ‘set gravity to’, and ‘set restitution to’. Due at the end of class.