CSS 201 – Intermediate Web Development

Class Description
In this 3-day class Participants will learn how to use CSS for more complex page layouts. Participants will learn about best practices as Participants gain a deeper understanding of CSS selectors and the various CSS properties available. Participants will create multi-column layouts using floats and inline-block. Gain a deeper understanding of how block and inline elements work. Master the positioning of elements (relative, absolute, fixed) and target elements with advanced CSS selectors. Learn about newer CSS 3 transitions, transforms, and animations as well as create parallax scrolling effects using only CSS.

Course Benefits

  • Create a richer better-designed website
  • Learn the latest web technologies

Course Outline

  • Using normalize.css
  • The box model: adding padding, margins, and borders
  • Streamlined CSS
  • Creating Columns with Float
  • Introduction to Media Queries
  • Complex layouts
  • Creating a Fixed Header
  • Image Replacement
  • CSS Sprites
  • Background Gradients and Transparent Colors
  • CSS Selectors
  • Attribute Selectors
  • Form Styling
  • Clearing Floats
  • Sizing Typography
  • CSS3 Shadows
  • Hiding and Showing Elements
  • CSS Transitions
  • CSS Transforms
  • Navigation page marker
  • CSS Shapes
  • CSS Responsive Scrolling Techniques

Related Classes

Our goal is to make sure your class meets your objectives, not ours. Therefore, all of our outlines are treated as guides to help steer the workshop. This outline does not guarantee that all the topics listed will be covered in the time allowed. The amount of material covered is based on the skill level of the student audience. We may change or alter course topics to best suit the classroom situation.