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

CSS 2/3

Video Description

Cascading Style Sheets is a fundamental technology of web design, and knowledge of how CSS works is essential. Regardless of whether you are using the most recent cutting-edge web authoring tool or just a plain text editor, you have to know your CSS. This VTC course provides users with a thorough examination of CSS2 with web design in mind. Ranging from fundamental concepts and hands-on application of techniques to advanced topics on Javascript & CSS and CSS3, James Street guides the way through this project-based training course. Work files are included. To begin learning today, simply click on the movie links.

Table of Contents

  1. Introduction
    1. Course Introduction 00:03:00
    2. Assumptions 00:03:55
    3. Topics 00:04:52
    4. System Requirements 00:03:50
    5. Course Setup & Project Overview 00:07:02
  2. What is CSS?
    1. Definition 00:03:38
    2. HTML Web Standards 00:07:04
    3. CSS Specifications 00:06:54
    4. Browsers 00:05:36
    5. Pure CSS Websites 00:06:17
  3. CSS Fundamentals
    1. CSS Rules 00:03:58
    2. CSS Placement 00:02:40
    3. Embedded Styles 00:04:53
    4. Inheritance 00:05:02
    5. CSS Comments 00:05:30
    6. Inline Styles 00:03:49
    7. Linked Styles 00:05:43
    8. Imported Styles 00:07:47
    9. Good Practices 00:03:56
  4. Selectors
    1. DOM Basics 00:05:52
    2. Type & Descendent 00:07:52
    3. Universal 00:05:32
    4. Attribute pt. 1 00:05:08
    5. Attribute pt. 2 00:03:33
    6. Child & Sibling 00:05:29
    7. Class 00:07:43
    8. ID 00:05:19
    9. Pseudo-Class 00:07:27
    10. Pseudo-Element 00:02:59
    11. Combinations 00:04:03
  5. Properties & Common Property Values
    1. Introduction to Properties 00:03:33
    2. Web Safe Color 00:03:56
    3. Color Keyword 00:01:53
    4. RGB Color 00:05:59
    5. Hexadecimal Color 00:05:38
    6. Measurement Systems Absolute pt. 1 00:05:17
    7. Measurement Systems Absolute pt. 2 00:03:22
    8. Measurement Systems Relative pt. 1 00:04:01
    9. Measurement Systems Relative pt. 2 00:04:51
    10. URL 00:05:07
  6. The Cascade
    1. Defining the Cascade 00:07:06
    2. Origin & Weight 00:03:11
    3. Specificity & Placement 00:06:30
  7. Typography
    1. Introduction to Typography 00:06:01
    2. Font Families 00:07:21
    3. Color pt. 1 00:07:09
    4. Color pt. 2 00:05:48
    5. Font Style 00:04:53
    6. Font Weight 00:05:35
    7. Font Sizes Recap 00:04:11
    8. Font Sizes Keywords 00:05:49
    9. Applying Sizes pt. 1 00:06:24
    10. Applying Sizes pt. 2 00:05:12
    11. Font Spacing 00:06:20
    12. Font Casing 00:04:52
    13. Text Decoration 00:04:58
    14. Vertical Spacing 00:07:08
    15. Font Shorthand 00:06:10
    16. Paragraph-Level Formatting 00:05:59
  8. The Box Model
    1. The Box Model Concept 00:03:12
    2. Different Kinds of Boxes pt. 1 00:04:39
    3. Different Kinds of Boxes pt. 2 00:03:24
    4. Applying Display 00:03:29
    5. Size & Overflow 00:06:39
    6. Applying Size 00:06:41
    7. Padding 00:04:44
    8. Applying Padding pt. 1 00:05:09
    9. Applying Padding pt. 2 00:05:29
    10. Border 00:06:11
    11. Applying Border 00:02:59
    12. Margin pt. 1 00:05:26
    13. Margin pt. 2 00:06:14
    14. Margin pt. 3 00:04:58
  9. Approaches to Web Layout
    1. Styles of Layouts 00:05:14
    2. Basic Float Layout Options 00:05:50
    3. Float Basics pt. 1 00:06:05
    4. Float Basics pt. 2 00:08:07
    5. Applying Float-based Layout 00:06:57
    6. Positioning Basics pt. 1 00:04:03
    7. Positioning Basics pt. 2 00:04:19
    8. Positioning Basics pt. 3 00:05:59
    9. Positioning Basics pt. 4 00:02:56
    10. Relative Positioning & Z-Index 00:05:36
    11. Positioning & Overflow 00:07:10
    12. Applying Absolute Positioning Layout 00:04:39
  10. Lists
    1. List Styles 00:08:19
    2. List Bullets 00:05:10
    3. Project Enhancing Links 00:05:28
    4. Project Navigation Bar pt. 1 00:06:44
    5. Project Navigation Bar pt. 2 00:06:18
  11. CSS Images
    1. Images Using CSS 00:03:59
    2. Background Options pt. 1 00:06:49
    3. Background Options pt. 2 00:04:21
    4. Applying Background pt. 1 00:06:02
    5. Applying Background pt. 2 00:06:51
    6. Applying Background pt. 3 00:05:22
    7. Applying Background pt. 4 00:06:54
    8. Applying Background pt. 5 00:01:34
    9. Scriptless Image Rollovers 00:06:44
    10. Rounded Corners pt. 1 00:04:01
    11. Rounded Corners pt. 2 00:07:12
  12. Tables
    1. CSS Table Options 00:05:55
    2. Border Collapse Conflict Resolution 00:04:40
    3. Styling a Table & Rows pt. 1 00:04:24
    4. Styling a Table & Rows pt. 2 00:05:23
    5. Styling a Table & Rows pt. 3 00:04:15
    6. Styling Table Cells pt. 1 00:04:42
    7. Styling Table Cells pt. 2 00:06:04
    8. Creating a Pure CSS Table 00:07:05
  13. Forms
    1. Styling a Fieldset & Legend 00:06:40
    2. Styling Form Elements 00:07:05
    3. Form Layout pt. 1 00:04:01
    4. Form Layout pt. 2 00:07:22
  14. User Interface
    1. Cursor pt. 1 00:06:43
    2. Cursor pt. 2 00:04:29
    3. System Colors 00:04:49
    4. Outline 00:05:19
  15. Media Types
    1. Accessibility 00:06:20
    2. Setting Up Print Styles 00:03:51
    3. Paged Media Basics 00:06:43
    4. Formatting for Print pt. 1 00:05:47
    5. Formatting for Print pt. 2 00:05:28
    6. Formatting for Print pt. 3 00:05:34
    7. Page Breaks pt. 1 00:05:47
    8. Page Breaks pt. 2 00:04:27
  16. CSS & Javascript
    1. Basics of Javascript 00:06:22
    2. Targeting CSS 00:06:52
    3. Setting Up Functions 00:06:21
    4. OnLoad & User-Interaction 00:06:25
    5. Finishing the Navigation Menu 00:06:19
  17. CSS3
    1. Overview 00:04:44
    2. Selectors 00:06:05
    3. Applying Selectors 00:06:01
    4. Opacity 00:05:28
    5. New Color Models 00:05:59
    6. Applying Color Options 00:06:27
    7. Border Colors 00:04:29
    8. Applying Border Colors 00:04:55
    9. Border Radius 00:05:42
    10. Box Shadows 00:05:39
    11. Text Shadows 00:04:57
    12. Multi-column Layout 00:04:34
    13. Web Fonts 00:06:27
  18. Modularity
    1. Moving Towards Modularity 00:06:53
    2. Separate CSS Files 00:07:19
  19. Review
    1. Wrap Up 00:06:05
  20. Credits
    1. About the Author 00:01:30