Intermediate Web Literacy 1: Intro to CSS

Multi-colored stacked blocks

Learn to style HTML elements on a webpage using CSS selectors, attributes, and values.

Learning Objectives

Learners will understand and apply coding/scripting, composing, and design with CSS.

Writing the Web

CSS Word Pyramid

Coding/Scripting, Composing, Design

Learners will use CSS to change the size of text on an HTML webpage, learning about coding, composing, and design.

CSS Fonts

Coding/Scripting, Composing, Design

Learners will use webfonts to create moods and tones on webpages, learning about coding, composing, and design.

CSS Fonts Extension: Bridge to Infinity

Coding/Scripting, Composing, Design

Jump right into this Thimble project to improve the fonts on this remixable movie poster, learning about coding, composing, and design.

CSS Circles

Coding/Scripting, Composing, Design

Learners will position, size, and color circular div elements while learning about coding, composing, and design.

CSS Building Blocks

Coding/Scripting, Composing, Design

Learners will position, size, and color rectangular div elements while learning about the “box model” and web literacy skills like coding, composing, and design.

CSS Decoration

Coding/Scripting, Composing, Design

Learners will apply text- and box-effect CSS styling techniques to inline and block elements on an HTML webpage, learning about coding, composing, and design.

Web-o-tron & the Scrambled Divs

Coding/Scripting, Composing, Design

Learners will apply CSS layout techniques to inline and block elements on an HTML webpage, learning about coding, composing, and design.

CSS External Tutorials

Coding/Scripting, Composing, Design

Learners will apply multi-part CSS selectors and flexbox positioning with external CSS tutorial games, learning about coding, composing, and design.