CSS Border-box Model
Finish the Web Page
Used for single unique elements
Use the ID attribute of an HTML element to specify
Name the selector by preceding it with a # symbol
CSS Box Model
THANKS W3SCHOOLS.COM !!
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
Box Model Notes
When you deﬁne the width and height of an
element you are specifying the size of its content
All HTML elements can be considered as boxes
The box model allows us to stylistically space
elements in relation to each other
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
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