Skip to content

Latest commit

 

History

History
23 lines (19 loc) · 2 KB

README.md

File metadata and controls

23 lines (19 loc) · 2 KB
Raw

CSS Exercise 1

  • Make a copy of css-history.html and name it firstname-lastname.html (e.g tom-kraak.html.)
  • View the document locally in your favorite browser.
  • Familiarize yourself with the structure and markup of the file by indenting nested elements using soft-tabs with two spaces (the default in Atom and SublimeText.)
  • The file contains a variety of errors. Fix as many of them as possible and bring the document up to HTML5 specifications.
  • Make use of HTML comments for your own notes and to aid in-class discussion.
  • Mark up all quoted text (text enclosed in quotation marks) with the <blockquote> element.

Style

  • Create a stylesheet document and name it firstname-lastname.css. Make sure you are in your repo.
  • Wire up your CSS file as an external stylesheet for the HTML document you created above.
  • Use a tag selector to color the headline red.
  • Use an ID selector to color the very first list item green.
  • Use a class selector to set all dates/years to bold and italic.
  • Use a child selector to color the Font information can be used to download font subsets over the Web list item pink.
  • Use a descendant selector to give all <blockquotes> a gray background color.
  • BONUS: Set the entire document in a sans-serif font and sensible line-height of your choosing.

Commit & Submit