Week 1 Second Pass

Diagramming Terms

Anatomy of a CSS Rule

Anatomy of an HTML Element

Anatomy of an HTML Page

Anatomy of the Box Model

Anatomy of the Document Tree

Anatomy of a Function

A JS Object Example

http://www.w3schools.com/js/js_objects.asp

JS Objects

Which may look like:

var car = {
  name: "Fiat",
  start: function() {
    this.state = "On";
    console.log("And we're off!");
  }
  ...
}

Definitions

A property is an association between a key and a value.

name: "Fiat"

key: value

A method is a property that is also a function.

  start: function() {
    this.state = "On";
    console.log("And we're off!");
  }

Floats and Clears

A Link

Check out this article if you want to know more about floats and clears.

A Demo

Now let's see that in practice!