1. Putting it all together
HTML and CSS

2. Trouble shooting Make sure that the css is connected to the html
I like changing the background color to start
Format the html and css
Easy way to see missing or misplaced end tags
Validate the html and css
Find problems that prevent correct processing

3. Practical advice Delete css statements that don’t do what you think
Do not keep piling more on
Use jsfiddle to understand how things work
Better to build your pages in komodo
When things get overwhelming, back track
Comment out things in html and css until you have something that works
Then add them in one by one

4. Box model Remember you can define each side independently
Remember that the width is
Margin-border-padding-content-padding-border-margin
Use inspect to see what the pieces are
Often the problem is that a piece is full width

5. Selective formatting 3 tools
Context
class
pseudo-elements
If your css starts getting complicated, rethink
What should the base be and what should you change

6. float Float only applies to following content
Remember to stop floats with clear
Often the problem when content goes below an enclosing div
Can’t float more than 100% width

7. Remember you can view files in chrome
you need to format and validate all pages
To check off all items
To go over the check list
To Try it on another computer

8. Class exercise and lab
Will put together most of a full website together
Lab will be to finish the last few pieces