02.05 - CSS Pt 1
1. EXERCISE 1: Create a webpage with the following elements:
- head
- title
- body
- within the body, 4 paragraphs, 4 headings (h1), and some text outside any paragraph (one hyperlink)
- within paragraph 1, two headings(one h1, one h2), each with a sentence or two below
- within paragraph 2, some text with a hyperlink
- within paragraph 3, a table with a word or two in each cell
- within paragraph 4, an unordered list
2. CSS: how it works (example here)
3. Element - Selector - Property - Value
4. Assigning styles within the head (STYLE tag)
5. Cascading, inheritance and hierarchy: selecting elements at various levels
Properties we'll cover today:
STYLING TEXT
font-family
font-size
font-style
font-weight
line-height
text-decoration
text-indent
text-align
STYLING TABLES
border-width
border-style
padding
width
STYLING LISTS
list-style-type
list-style-position
STYLING LINKS (anchor tags)
Pseudo-class
:hover
:link
:visited