CSS Advanced
Explore positioning and layout techniques, create navigation and web forms,
test for cross-browser compatibility and fix challenges.
Recommended Preparation: CSS for Web
Design or equivalent knowledge.
Register for
a class
Personalized training and consulting is available upon
request.
Lesson 1: Orientation
- Meaningful markup
- Getting your styles to hit the target
- Planning, organizing and maintaining
Lesson 2: Positioning
- Box model
- Positioning
- Relative positioning
- Absolute positioning
- Mixing relative and absolute positioning
- Floating
- Line boxes and clearing
Lesson 3: Layout
- Centering a design using auto-margins
- Centering a design using positioning and negative margins
- Float-based layout
- Liquid layout
- Elastic layout
- Elastic/liquid hybrid layout
- Liquid and elastic images
- Faux columns
|
|
Lesson 4: CSS for Navigation
- Basic list styling
- Creating a vertical navBar
- Highlighting the current page in the navBar
- Creating a horizontal navigation bar
- Creating a CSS-based fly-out menu without JavaScript
Lesson 5: Web Forms
- Simple form layout
- Complicated form layout
Lesson 6: Cross-browser CSS
- Hiding stylesheets from older browsers (filtering stylesheets)
- Using CSS filters for individual rules and declarations
- Validating code and fixing bugs
- Common bugs and fixes
|
