Barry Huggins

Trainer • Photographer • Writer

Introduction to CSS
- Separating content from presentation
- What can CSS do?
- CSS structure (syntax)
- Inserting styles - inline, embedded or external
- The cascade order: specificity and inheritance
- Understanding selectors
Styling text
- Deciding which elements to style
- Styling basic text elements
- Using serif and sans serif font sets
- Specifying font size and colour
- Changing or removing bullets from lists
Page layout and positioning
- Div's, classes and IDs
- Using span and div
- Understanding the box model
- Absolute, relative and fixed positioning
- Floating elements to make a two column layout
- Balance between liquidity and layout design
Styling tables
- Styling row and column headings
- Creating borders
- Adding colour
Styling links and navigation
- Creating hover effects
- Lists into interactive navigation
Styling and laying out forms
- Changing properties of input elements
- Positioning form elements
- Grouping form elements together
- Formatting text in forms
- Changing the look of buttons
Creating a print page
- Switching to a different media for print
- Showing and hiding elements
- Altering layout
- Changing font and font size for print