Cascading Style Sheets (CSS)

Module 3 Participation 20 Points

Example: Rounded Corners

Add a curve to the corners of a block element using border-radius.

Example: Box Shadow

Create depth by giving elements shadow with box-shadow.

Google Fonts

Use a hosted web font to stylize headings (Google Fonts).

Positioned Heading

Place the heading precisely inside the article using position: absolute anchored to a position: relative parent.

Z-Index Overlap

Layer positioned elements; higher z-index wins.

Hover with Transition

A subtle color + border change on hover using :hover and transition.