Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

O'Reilly logo
CSS Fundamentals (Video Training)

Video Description

Start building state-of-the-art CSS Web sites right now!

This one-of-a-kind video package gives you instant skills, answers, and solutions from more than seven hours of quick, easy video LiveLessons.

Expert Web developer Christian Montoya teaches you CSS2 the right way–hands-on, and step-by-step! These video lessons focus on exactly what you need to know to master new skills fast and put those skills to work immediately. 

Watch and learn how to create new style sheets, and take total pixel-level control over your Web pages. Then, building on the basics, master cascading, inheritance, lists, forms, frameworks, grid-based design, and more. Create powerful, accessible layouts and sites…troubleshoot misbehaving CSS and browser incompatibilities…even create style sheets for iPhones and other mobile phones!

Table of Contents

  1. CSS Fundamentals Introduction
    1. CSS Fundamentals Introduction 00:02:13
  2. Lesson 1: Introduction to CSS
    1. Learning Objectives 00:00:54
    2. What is CSS? 00:03:11
    3. Browser Support 00:00:45
    4. References & Tools for Learning CSS 00:06:53
  3. Lesson 2: CSS Basics
    1. Learning Objectives 00:00:42
    2. Including With HTML 00:05:07
    3. CSS Syntax 00:14:46
    4. Understanding Inheritance & Cascade 00:14:35
  4. Lesson 3: Colors, Text & Images
    1. Learning Objectives 00:00:58
    2. The CSS Color Model 00:07:07
    3. Images & Backgrounds 00:15:07
    4. Text Styling & Font Families 00:26:06
    5. Links & Link States 00:11:11
  5. Lesson 4: Layout, Positioning & The Box Model
    1. Learning Objectives 00:00:55
    2. CSS Units of Measurement & the Box Model 00:12:58
    3. Display Types, Positioning & Z-Index 00:21:47
    4. Floats 00:11:18
  6. Lesson 5: Presenting Data With Tables & Lists
    1. Learning Objectives 00:00:30
    2. Lists 00:23:17
    3. Tables 00:26:43
  7. Lesson 6: Frameworks & Grid-Based Design
    1. Learning Objectives 00:01:01
    2. Resetting CSS 00:10:55
    3. Grid-Based Layouts 00:09:46
    4. Blueprint 00:12:29
  8. Lesson 7: Tips & Tricks for Column Layouts
    1. Learning Objectives 00:00:35
    2. Faux Columns & Borders 00:20:58
    3. Fluid Layouts Techniques 00:14:42
  9. Lesson 8: CSS Sprites
    1. Learning Objectives 00:00:35
    2. Sprites & The Sliding Doors Technique 00:13:19
    3. Navigation Bars & Tabs 00:11:39
    4. 3D Buttons 00:12:23
  10. Lesson 9: Quick-Fire Walkthroughs
    1. Learning Objectives 00:00:45
    2. A Simple Blog 00:23:15
    3. A Simple Photo Gallery 00:16:10
    4. The BlueprintCSS.org Homepage 00:26:35
  11. Lesson 10: Browser Testing
    1. Learning Objectives 00:00:38
    2. Testing Every Common Browser 00:06:50
    3. Supporting Internet Explorer 6 00:28:50
  12. Lesson 11: Alternate Stylesheets for Print & Mobile
    1. Learning Objectives 00:00:42
    2. Print Stylesheets 00:06:58
    3. Mobile Stylesheets for iPhone & Opera Mini 00:16:36