Create a project that uses uses basic layout features like the position and display properties.

Launch Presentation | Slide Notes

Read These

margin, inline-block, float, display, opacity

Watch These

Floats, Float, display and position, Layers and the z-index property, Positioning, Practicing with Positioning Elements, Practicing with Fixed Navigation, Review CSS layout,

General Expectations

• Use a Github repo and place this inside a projects folder under it’s own folder
• Use any of the styles on this page and any previous styles, but no others
• You may use a copy of the previous HTML project
• You must use external style sheets ONLY
• All HTML must validate using the w3c validator (-50 points)
• All CSS must validate using the csslint (-30 points)
• Links to your project must work (-50 points)

Lesson Expectations

• Experiment with floating an image
• Center a fixed width element on screen by setting a margin to auto
• Practice creating an element that shows or hides using opacity or the display: none property.
• Practice using an element that uses the position property