O'Reilly logo

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

Learning CSS3

Video Description

In this training course for CSS3, expert author Geoff Blake introduces you to this latest CSS standard for web design formatting. Designed for the absolute beginner, you do not require any prior understanding of CSS in order to learn from this video based tutorial.
You start with a quick review of what a Cascading Style Sheet is, and how it functions. You quickly jump into different CSS selector types, the CSS box model, and page layout using the box model and floating layout techniques. You will learn how to format page content such as tables, text, graphics and lists - as well as covering some advanced typography. This tutorial will also explain show the "cascading" features of a cascading style sheet, and finally, some special effects you can achieve with CSS3.
By the conclusion of this CSS3 video based training course, you will have an in-depth understanding of how CSS3 works, and how to use it with your web designs to achieve beautiful results. Working files are included to allow you to learn alongside the author with the same files that he is using in the training.

Table of Contents

  1. Introduction
    1. Welcome 00:01:36
    2. What CSS Is And How It Works 00:02:33
    3. CSS Rule Structure 00:03:08
    4. How Does CSS Fit Into Web Design 00:02:30
    5. Choosing Your Coding Application 00:02:41
    6. Getting Set Up 00:04:24
    7. Working Between Code And Browsers 00:05:54
    8. HTML Quick Review 00:06:57
    9. Setting The HTML Doctype 00:03:17
    10. Building The Files Structure 00:05:43
    11. HTML And CSS References 00:07:37
  2. Inline Formatting And Basic Font Formatting
    1. Introducing Inline Styles 00:04:46
    2. Applying Multiple Properties 00:04:17
    3. Pros And Cons Of Inline Formatting 00:04:05
    4. Applying Inline Styles Using Span 00:05:09
    5. Applying Basic Typefaces 00:03:45
    6. Using Specific Fonts 00:02:15
    7. Setting A Document Wide Font 00:05:58
    8. Controlling Font Sizes 00:05:40
    9. Applying Text Decorations 00:05:12
    10. Applying Color To Text 00:05:36
  3. Working With Selectors
    1. Creating A Basic Class Rule 00:04:03
    2. Applying A Class Rule - Part 1 00:05:51
    3. Applying A Class Rule - Part 2 00:03:11
    4. Applying Multiple Class Rules To An Element 00:06:06
    5. Editing And Removing Class Formatting 00:05:14
    6. Converting Inline Formatting To A Class Rule 00:04:53
    7. HTML Selectors - Part 1 00:04:19
    8. HTML Selectors - Part 2 00:06:40
    9. Combining Class And HTML Selectors 00:03:54
    10. Creating And Applying ID Selectors 00:04:28
    11. Working With Group Selectors 00:06:13
    12. Formatting Using Pseudo Elements 00:04:29
    13. Controlling Hyperlinks With Pseudo Classes 00:06:08
  4. Understanding The CSS Box Model
    1. Introducing The CSS Box Model 00:06:23
    2. Introducing DIV Elements 00:05:00
    3. Setting Padding 00:06:28
    4. Getting Started With Borders 00:05:35
    5. Setting Borders With Shorthand 00:04:23
    6. Exploring Border Values 00:04:35
    7. Setting Margin 00:05:27
    8. Setting Widths And Heights 00:02:38
    9. Understanding Widths In CSS 00:03:19
    10. Introducing Floating 00:03:40
    11. Formatting Graphics - Part 1 00:07:19
    12. Formatting Graphics - Part 2 00:06:16
    13. Creating A Floating Sidebar - Part 1 00:05:30
    14. Creating A Floating Sidebar - Part 2 00:03:05
    15. Targeting Sidebar Content With Descendant Selectors - Part 1 00:06:18
    16. Targeting Sidebar Content With Descendant Selectors - Part 2 00:05:55
    17. Grouping Descendant Selectors 00:04:19
    18. Applying And Formatting Background Graphics 00:06:20
    19. Setting Backgrounds With Shorthand CSS 00:02:04
    20. Creating An Alert Message 00:06:26
  5. Controlling Table Formatting
    1. HTML Table Structure 00:06:03
    2. Techniques For Formatting Table Structure 00:04:21
    3. Formatting Table Contents 00:06:34
    4. Formatting Specific Table Contents 00:05:26
    5. Controlling Table Formatting With CSS - Part 1 00:04:55
    6. Controlling Table Formatting With CSS - Part 2 00:06:11
    7. Controlling Table Formatting With CSS - Part 3 00:05:42
    8. Formatting Table Captions 00:04:00
  6. Page Layout With Positioning And Layering
    1. Positioning Basics 00:04:30
    2. Static Positioning 00:04:20
    3. Absolute Positioning 00:06:32
    4. Positioning Nested Elements 00:07:16
    5. Further Positioning Of Nested Elements 00:03:48
    6. Relative Positioning 00:03:11
    7. Using Relative Positioning On Nested Elements 00:03:56
    8. Fixed Positioning 00:03:54
    9. Fixed Positioning Techniques 00:02:43
    10. Stacking Elements With Z-Index 00:04:13
    11. Using Overflow 00:05:14
  7. Building A Layout With Floats
    1. Reviewing Floating 00:03:47
    2. Applying Floats To Multiple Objects 00:04:53
    3. Using Clear 00:03:38
    4. Spacing Apart Floating Elements 00:03:29
    5. Creating The Rough Layout Structure 00:04:21
    6. Applying Formatting To The Structure 00:06:16
    7. Finishing Off The Layout 00:06:46
  8. Formatting Lists And Creating A Navigation Bar
    1. The Two Common Types Of HTML Lists 00:03:32
    2. Using CSS To Format Lists 00:05:32
    3. Additional CSS Properties For Lists 00:03:03
    4. HTML Structure For Navigation 00:03:31
    5. Converting The List To A Menu With CSS 00:05:45
    6. Creating CSS Rollovers 00:02:09
    7. Additional CSS Button Effects 00:05:08
  9. Deeper Into Typography
    1. Specifying A Font Fallback List 00:05:53
    2. Font Sizing 00:07:46
    3. Additional Typography Techniques 00:03:58
  10. External Style Sheets
    1. Creating An External Style Sheet 00:06:28
    2. Working With Rules In An External Style Sheet 00:03:47
    3. CSS Commenting 00:04:15
    4. Understanding The Cascading Effect Of CSS - Part 1 00:05:45
    5. Understanding The Cascading Effect Of CSS - Part 2 00:05:01
  11. CSS Special Effects
    1. Using RGB And Transparent Colours 00:07:07
    2. Applying A Drop Shadow To Text 00:03:18
    3. Applying Box Shadows 00:03:48
    4. Setting Opacity On Objects 00:03:11
    5. Creating Rounded Corners 00:04:28
  12. About The Author
    1. About The Author 00:01:25