Putting it all together HTML and CSS

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

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

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

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

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

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

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