Intermediate Web Literacy I | CSS Circles

Made by Mozilla, released under the CC-BY-SA license

60 minutes

You will cposition and style circles on a webpage using CSS while learning how to code, compose, design.

Remix this lesson in Thimble!

Web Literacy Skills

21st Century Skills

Learning Objectives

  • Understand and be able to explain the connection between an HTML webpage and a CSS stylesheet.
  • Use CSS to change the color, opacity, and position of div elements on an HTML webpage.

Audience

  • 13+
  • Intermediate web users

Materials

  • Internet-connected computers
  • Flashlights or mobile devices with flashlights built-in
  • Markers or crayons
  • Paper
  • Scotch tape
  • Optional: sheets of cellophane paper in mutliple colors
  • Optional: scissors