3. CSS IDs
Used for single unique elements
Use the ID attribute of an HTML element to specify
it’s ID
Name the selector by preceding it with a # symbol
5. CSS Box Model Cont...
Margin: The area around the outside of the border
Has nothing to do with background color
Border: The border that goes around the padding
and the content
Padding: The area around the inside of the border.
This area separates the border and content.
This is affected by the background color
Content: The content area
6. Box Model Notes
When you define the width and height of an
element you are specifying the size of its content
area
All HTML elements can be considered as boxes
The box model allows us to stylistically space
elements in relation to each other
7. HTML Tables
Used to display tabular data (ONLY!)
Table based layout are in the past people...
Tables are divided into rows and each row is
divided into cells
8. HTML Tables Cont...
<th>: table header wrapped by <tr> tag
These will appear bold
<tr>: table row wraps <th> and <td> tags
<td>: Table data is wrapped by <tr> tag
A data cell