billy-deprecated / advanced-css-review

Advanced CSSI Review

Fork and clone this repository, then view the slides here:

• Advanced CSS Slides

Activity Break 1

Exercise 1

Modify the HTML (no css) so that each image appears on its own line, similar to:

Exercise 2:

Modify the CSS and HTML if necessary to add a yellow highlight to both headers, similar to:

Exercise 3

Modify the CSS to center the link, similar to:

Activity Break 2

Exercise 4

Using only CSS, make the ps in the nav green, and the ps in the section, similar to:

Exercise 5

Without modifying other-style.css, make the h1 have a font size of 100pt, similar to:

Exercise 6

Create a yellow background around the contents of the paragraphs, similar to:

Activity Break 3

Exercise 7

Modify the CSS and HTML if necessary to style the page similar to:

Some specs:

• The solid border surrounding the page's contents is 3px and black.
• The width of the bordered area is 80%.
• The yellow boxes have a width of 30% with a 1% margin.
• The gray background color is called gainsboro. The gray area has a margin of 30px and padding of 10px.

Exercise 8

Modify the CSS and HTML if necessary to style the page similar to:

Hints:

• You do NOT need to use float.
• The width of the image is 25%.