Infoschool

Introduction to Advanced CSS Training

Advanced CSS Training Overview

This advanced CSS training class students will learn to use CSS to format forms, create list-based navigation, do advanced page layouts, and create stunning background effects. Students will also learn about CSS coding conventions and shorthand properties.

Advanced CSS Training Class Goals

Learn to position elements with CSS.
Learn advanced CSS page layout techniques.
Learn how to use shorthand CSS properties.
Learn to create cool effects with background images using CSS.
Learn to layout forms without tables.
Learn to use CSS with lists to create hierarchical navigation.
Learn to organize your CSS code.
Learn about browser support for CSS.

Advanced CSS Courseware

Positioning and Visibility
- Element Flow
- Position
- Positioning
- Z-index
- Display
- Visibility
- Float
- Clear
Advanced CSS Page Layout
- Resetting Styles
- Full Width Layouts
- Two-column
- Three-column
- Positioning the Headings
- Fixed Width Layouts
- Two-column
- Three-column
- A Recommendation on Positioning
- Other Methods of Layout
- Laying out a Page - The power of float
CSS Shorthand Properties
- What is CSS Shorthand?
- List of CSS Shorthand
- Shorthand Margins and Padding
- Shorthand Border and Outline
- Shorthand Backgrounds
- Shorthand Fonts
- Shorthand Lists
- Using Shorthand
CSS Lists as Hierarchical Navigation
- Using Lists as Vertical Navigation
- Using Nested Lists as Navigation
- Using Lists as Horizontal Navigation
- Using Lists as Drop-Down or Fly-Out Navigation
- Using a List to Create a Navigation Menu
CSS Background Tricks
- The State of Rounded Corner Boxes
- Fixed-width Rounded Corner Boxes
- Relative-width Rounded Corner Boxes
- "Mountaintop" Corner Boxes
- Tabbed Navigation
- Drop Shadows
- Replacing Text with an Image
- Using Backgrounds
Laying out and Styling Forms with CSS
- Laying out the Questions
- Creating the Form
- Reset Revisited
- Styling the Form
- Expanding the Form
CSS Best Practices
- Review some of recommended CSS Best practices
Browser-compatibility Issues
- Quirks Mode
- Internet Explorer Conditional Statements
- Common Browser Bugs / Issues
- Fixing the Box Model Bug

Email:

Join this course now

E-Mail:*	Enter correct e-post adress Enter e-post adress
Password:*	Enter Password
	register

Contact counselors

Training @ infoschool

Success stories

I got the opportunity of getting a practical experience on SAS couse from InfoSchool. It helped me in learning new analytical tools and their applications, today I am in my dream job. Thanks to InfoSchool for giving this opportunity.

By Vidya,
SAS Developer, PowerSoft Technologies,