Training » All Courses » Web Development » Advanced CSS

Course Summary

This course covers advanced CSS topics. Upon completion, you will learn how to build a multi-column, cross-browser websites using valid CSS.

Duration

1 day.

Audience

This course is intended for designers and web programmers experienced in working with HTML.

Instructors

Photo

Marko founded Marakana back in 2001 to help underprivileged youth, minorities, and inner-city kids learn web technologies and get ahead in life. So Marakana emerged with goal of helping people get better at what they do professionally, focused on open source software training.

Learning Android by O'Reilly Marko is the developer of Marakana Android Training series. He has taught Android for companies such as Sony-Ericsson, Qualcomm, Ericsson Canada, and many others. Marko is a co-founder of San Francisco Android Users Group and regularly teaches Android Bootcamp at Marakana.

Marko is author of upcoming Learning Android book published by O'Reilly Media. This book is based on Android Bootcamp and incorporates best learning practices for new developers to start creating applications for this exciting open source mobile platform.

In 2006 Marko Gargenta published "PHP and MySQL By Example", a collection on PHP examples. The book was published by Prentice Hall, world's largest technology publisher and has been also translated to Spanish.

Marko Gargenta obtained his Bachelor of Mathematics Degree from University of Waterloo (Canada's MIT) and has been developing in Java since 1996. He lives in San Francisco, California.

Speaking Engagements

More about Marko Gargenta...

Outline


Importing and Cascading

  • Working with multiple Style Sheets

Advanced Selectors

  • Specificity
    • Rules
    • Conflict Resolution
    • !important
  • Inheritance
  • CSS Generated Content
  • The @.. Rules
    • @import
    • @media
    • @page
  • Child Selectors
  • First-Child Selectors
  • Adjacent Selectors
  • Pseudo-class Selectors
  • Pseudo-Element Selectors
  • Group Selectors
  • Attribute Selectors

CSS Positioning

  • float
  • position
  • visibility
  • cursor
  • CSS Positioning Properties
  • Positioning Schemes

Layouts

  • One-Column Layout
  • Two Column Layout
  • Fixed-width Two Column Layout
  • Flexible Multicolumn layouts
    • using Floats
    • Using Positioning
  • Fixed-width Multicolumn layouts
    • using Floats
    • Using Positioning
  • Asymmetric Layout
  • CSS Stacking

Tricks and Hacks

  • Internet Explorer Hacks
  • Netscape Hacks
  • Debugging CSS