Elements
CSS Elements
- External Style sheet
- Background color
- Background image, repeat and position
- Font selections and color
- Div class groups
- Header size/font/weight/alignment
- Background image and placement for page links area
- Link font detail - color and decoration for each state
- Block backgrounds for standard image sizes/areas - left, right and vertical alignments
- #wrapper (left, right and vertical versions) - to add boxed areas to page(s)
- #links - to center and give background image to relative links
- Internal Style Sheet
- Div and styling commands
- Home page - set text align
- 11am - block styling around images/text
- 7pm - block styling around image/text; set text align
- 11pm - block styling around images/text; set font size on lists
HTML Elements
- Links
- Relative links
- Absolute links
- Home page - links to Wikipedia and hermit crabs.com (used blank target)
- Email links
- Home page - link to email me
- Jump links
- Back to top - all pages
- Jump to reasons not to have a crab - 3pm
- Jump to crab eating habits - 11am
- Image links
- Hi i'm Colin (home page) - links to picture of Colin at 11pm (used blank target)
- Hi i'm Lily (home page) - links to picture of Lily at 7pm (used blank target)
- Formatting
- Lists
- Unordered lists - Elements page
- Ordered lists - 11pm
- Images
- Single images - all pages
- Images as links - Home page
- Images grouped together, then an additional image placed relative to this group - all pages
- Divs
- Created boxed text/image areas - all pages
- Grouped relative links into div to add styling features - all pages
- Created divs to center groups of text or images - home page, 7pm, 11pm
- Styling
- Horizontal Rule - Home page
- Break
- Clear all - all pages
- Regular break - all pages
- Strong - 11pm
- Emphasis - 11pm
- Big - 11pm
- 2 different color headers - all pages (brown) and 11am, 11pm (red)
- Blockquote - home page
Back to Top