<link rel="stylesheet" href="file-name.css" type="text/css" />

• An inline element takes up only as much space on the page as it needs. Examples: a, em, strong, img

• A block element takes up as much horizontal space as it is given, but only as much vertical space as it needs. Examples: header elements, p, ul/ol, li, dl, table (sorta)

• All block elements follow the box model: 2dboxmodel.png

• margin -> border -> padding -> content

• The width and height of an element only defines the content itself (-_-): it does not include padding/margin/border

• alternatively, if it helps you visualize better... 3d box model

• Will help you create more ways of identifying your code, so that you can apply styles to more unique situations

• IDs can be accessed by using a pound sign (#) and may only be used ONCE in a document. These are especially good for marking off clear sections in your website, like "navigation" or "content" or "header", etc.

• Classes can be accessed by using a period and can be used repeatedly in a document.

• span and div: generic tags that allow for additional IDs/classes

• Note: Always try to use descendent selectors or IDs before resorting to classes. In many cases, you can access the element you want with the previous two methods. Failure to properly markup your document can result in class abuse.