Week 3

Notes

HTML & CSS Layout

• Block and Inline Elements & the Display Property
• Understanding CSS Positioning
• box-sizing Property
• How to center a Layout

Class Exercises

• The Display Property Exercise Page
• The Display Property Exercise Instructions
• CSS Positioning Example

Reading

Read for week 4:

• Read Part 1 (pages 7–45) of Mobile First by Luke Wroblewski
• Review the following pages from Shay Howe’s excellent Learn to Code HTML & CSS website:
  • Opening the Box Model
  • Positioning Content

Homework

Complete the Display Property Exercise. Markup up the page and link to it from your Week 3 page.

Create a copy of your Simmons Academics page. Fix any mistakes you make from this week. Begin trying to use floats to lay out the page. Make the navigation bars display as a bar. Use positioning to display the text over the hero image. Link to the new page from your Week 3 page