Tennessee Web Design Foundations: C10H16.9.5

CodeHS Lessons

Use of Cascading Style Sheets: Explore the use of Cascading Style Sheets (CSS) for page layout and cite evidence why CSS provides more flexible and precise layout capabilities than tables and frames. Explain and demonstrate coding for the following elements of CSS page layout. a. CSS box model (e.g., inline, block) b. Document flow and positioning (e.g., static, relative, absolute, fixed, float, z-index) c. CSS positioning schemes (e.g., two-column layout, three-column layout)

Web Design (Picasso)

Standard

5.7 Combining CSS Selectors

5.8 The Don't Repeat Yourself Principle

5.10 Visibility

5.13 The Box Model

7.3 The Bootstrap Grid System

Web Development

Standard

8.15 Divs

Web Design and Development

Standard

3.7 Combining CSS Selectors

3.8 The Don't Repeat Yourself Principle

3.10 Visibility

3.13 The Box Model

13.3 The Bootstrap Grid System

Arizona Software and App Design I

Standard

4.3 Divs

Georgia Web Development

Standard

3.3 Divs

Nevada Computer Science and Applications

Standard

10.3 Divs

Oklahoma Web Design

Standard

5.7 Combining CSS Selectors

5.8 The Don't Repeat Yourself Principle

5.10 Visibility

5.13 The Box Model

7.3 The Bootstrap Grid System

South Carolina Fundamentals of Computing

Standard

24.13 The Box Model

24.8 The Don't Repeat Yourself Principle

24.7 Combining CSS Selectors

24.10 Visibility

Web Design (Monet)

Standard

5.7 Combining CSS Selectors

5.8 The Don't Repeat Yourself Principle

5.10 Visibility

5.13 The Box Model

Web Design (Matisse)

Standard

5.7 Combining CSS Selectors

5.8 The Don't Repeat Yourself Principle

5.10 Visibility

5.13 The Box Model

Utah Web Development 2

Standard

2.3 The Bootstrap Grid System

Utah Web Development 1 and 2

Standard

7.3 The Bootstrap Grid System