WD1
Lesson 3.6

The Box Model


OVERVIEW:

All of the elements on a web page can be broken down into something that looks a lot like a family tree with parents and children. For example, a paragraph (p) element might be inside of a DIV element, so the P element would be a child of the DIV element and the DIV element would be a parent of the P element. This process of looking at the family tree of all your elements is known as the Document Object Model.

But whether you see them all or not, every element in a source code is also surrounded by a box. Without CSS, those boxes are basically invisible. But with CSS, you can make those boxes look however you want. This lesson is about learning to identify various types of elements throughout an HTML page, but also learning how to manipulate the look of the various boxes we create on a page.


LEARNING GOAL #3: The Basics of CSS

Students will be able to construct multi-page websites using Internal Links and External CSS.


PART 1: CLASS DISCUSSION

Read More

PART 2: DAILY DESIGN

Read More
Posted in WD1