CSS Training Course - Advanced

CSS Training Course - Advanced Topics covered The topics covered in this advanced CSS training course are separated into eight modules. These provide course participants with advanced CSS training, providing skills needed to apply advanced formats with CSS and CSS3. The topics covered include: Lesson 1: Structuring CSS Code IDs and class names Naming your elements IDs or Classes? Divs and spans Microformats Different versions of HTML and CSS Document types and browser modes Validation Lesson 2: Managing CSS Styles Common selectors Pseudo-classes The universal selector Advanced selectors Child and adjacent sibling selectors Attribute selectors The cascade and specificity Specificity Using specificity in your style sheets Adding a class or an ID to the body tag Inheritance Planning, and maintaining your styles Applying styles to your document Removing comments and optimizing Style guides Lesson 3: Visual Formatting using CSS Box model review IE and the box model Margin collapsing Positioning review The visual formatting model Relative positioning Absolute positioning Fixed positioning Floating Line boxes and clearing Lesson 4: Using CSS Backgrounds Background image basics Rounded-corner boxes Fixed-width rounded-corner boxes Flexible rounded-corner box Multiple background images border-radius border-image Easy CSS drop shadows Box-shadow Opacity CSS opacity RGBa PNG transparency Lesson 5: Adding Style to Links Simple link styling Fun with underlines Simple link embellishments Fancy link underlines Visited-link styles Styling link targets Highlighting different types of links Highlighting downloadable documents Creating links that look like buttons Simple rollovers Rollovers with images Pixy-style rollovers CSS sprites Rollovers with CSS 3 Pure CSS tooltips Lesson 6: Using CSS to Style Lists and Nav Bars Basic list styling Creating a basic vertical nav bar Highlighting the current page in a nav Creating a simple horizontal nav bar Creating a graphical nav bar Sliding door tabbed navigation CSS image maps Flickr-style image maps Remote rollovers Definition lists Lesson 7: Styling forms and tables with CSS Styling data tables Table-specific elements Summary and caption thead, tbody, and tfoot col and colgroups Data table markup Styling the table Adding the visual style Simple form layout Useful form elements Form labels Embellishments Required fields Accessible date input Multicolumn check boxes Submit buttons Form feedback Lesson 8: Using CSS to create page layout Planning your layout Setting the foundations Centering a design using margins Float-based layouts Two-column floated layout Three-column floated layout Fixed-width, liquid, and elastic layout Liquid layouts Elastic layouts Liquid and elastic images Faux columns Equal-height columns CSS 3 columns CSS Frameworks vs. CSS Systems