Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Overview

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.

Subscriber Reviews

Average Rating: 3.6666666666666665 out of 5 rating Based on 3 Ratings

"Horrible" - by Axon on 03-JAN-2012
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Don't waste your time with this unless you don't even know what css is.  Contains too much pre-101 information and is always off-topic.  Great if this is your first day doing any development at all, otherwise...don't waste your time.
Report as Inappropriate

Table of Contents

Chapter/Selection

Time

Introduction

Course Introduction

Preview

00:03:00

Assumptions

Preview

00:03:55

Topics

Preview

00:04:52

System Requirements

Preview

00:03:50

Course Setup & Project Overview

Preview

00:07:02

What is CSS?

Definition

Preview

00:03:38

HTML Web Standards

Preview

00:07:03

CSS Specifications

Preview

00:06:54

Browsers

Preview

00:05:36

Pure CSS Websites

Preview

00:06:16

CSS Fundamentals

CSS Rules

Preview

00:03:57

CSS Placement

Preview

00:02:40

Embedded Styles

Preview

00:04:52

Inheritance

Preview

00:05:02

CSS Comments

Preview

00:05:30

Inline Styles

Preview

00:03:49

Linked Styles

Preview

00:05:43

Imported Styles

Preview

00:07:47

Good Practices

Preview

00:03:56

Selectors

DOM Basics

Preview

00:05:51

Type & Descendent

Preview

00:07:52

Universal

Preview

00:05:32

Attribute pt. 1

Preview

00:05:08

Attribute pt. 2

Preview

00:03:32

Child & Sibling

Preview

00:05:28

Class

Preview

00:07:43

ID

Preview

00:05:19

Pseudo-Class

Preview

00:07:26

Pseudo-Element

Preview

00:02:59

Combinations

Preview

00:04:03

Properties & Common Property Values

Introduction to Properties

Preview

00:03:33

Web Safe Color

Preview

00:03:56

Color Keyword

Preview

00:01:52

RGB Color

Preview

00:05:59

Hexadecimal Color

Preview

00:05:37

Measurement Systems Absolute pt. 1

Preview

00:05:16

Measurement Systems Absolute pt. 2

Preview

00:03:22

Measurement Systems Relative pt. 1

Preview

00:04:01

Measurement Systems Relative pt. 2

Preview

00:04:50

URL

Preview

00:05:07

The Cascade

Defining the Cascade

Preview

00:07:06

Origin & Weight

Preview

00:03:10

Specificity & Placement

Preview

00:06:30

Typography

Introduction to Typography

Preview

00:06:01

Font Families

Preview

00:07:20

Color pt. 1

Preview

00:07:09

Color pt. 2

Preview

00:05:48

Font Style

Preview

00:04:53

Font Weight

Preview

00:05:34

Font Sizes Recap

Preview

00:04:11

Font Sizes Keywords

Preview

00:05:49

Applying Sizes pt. 1

Preview

00:06:24

Applying Sizes pt. 2

Preview

00:05:12

Font Spacing

Preview

00:06:19

Font Casing

Preview

00:04:52

Text Decoration

Preview

00:04:57

Vertical Spacing

Preview

00:07:08

Font Shorthand

Preview

00:06:10

Paragraph-Level Formatting

Preview

00:05:59

The Box Model

The Box Model Concept

Preview

00:03:12

Different Kinds of Boxes pt. 1

Preview

00:04:39

Different Kinds of Boxes pt. 2

Preview

00:03:24

Applying Display

Preview

00:03:29

Size & Overflow

Preview

00:06:38

Applying Size

Preview

00:06:41

Padding

Preview

00:04:44

Applying Padding pt. 1

Preview

00:05:09

Applying Padding pt. 2

Preview

00:05:28

Border

Preview

00:06:10

Applying Border

Preview

00:02:59

Margin pt. 1

Preview

00:05:26

Margin pt. 2

Preview

00:06:13

Margin pt. 3

Preview

00:04:58

Approaches to Web Layout

Styles of Layouts

Preview

00:05:13

Basic Float Layout Options

Preview

00:05:50

Float Basics pt. 1

Preview

00:06:05

Float Basics pt. 2

Preview

00:08:06

Applying Float-based Layout

Preview

00:06:57

Positioning Basics pt. 1

Preview

00:04:02

Positioning Basics pt. 2

Preview

00:04:19

Positioning Basics pt. 3

Preview

00:05:59

Positioning Basics pt. 4

Preview

00:02:56

Relative Positioning & Z-Index

Preview

00:05:36

Positioning & Overflow

Preview

00:07:10

Applying Absolute Positioning Layout

Preview

00:04:39

Lists

List Styles

Preview

00:08:19

List Bullets

Preview

00:05:10

Project Enhancing Links

Preview

00:05:28

Project Navigation Bar pt. 1

Preview

00:06:44

Project Navigation Bar pt. 2

Preview

00:06:18

CSS Images

Images Using CSS

Preview

00:03:59

Background Options pt. 1

Preview

00:06:49

Background Options pt. 2

Preview

00:04:21

Applying Background pt. 1

Preview

00:06:02

Applying Background pt. 2

Preview

00:06:51

Applying Background pt. 3

Preview

00:05:22

Applying Background pt. 4

Preview

00:06:54

Applying Background pt. 5

Preview

00:01:34

Scriptless Image Rollovers

Preview

00:06:44

Rounded Corners pt. 1

Preview

00:04:01

Rounded Corners pt. 2

Preview

00:07:12

Tables

CSS Table Options

Preview

00:05:55

Border Collapse Conflict Resolution

Preview

00:04:40

Styling a Table & Rows pt. 1

Preview

00:04:24

Styling a Table & Rows pt. 2

Preview

00:05:23

Styling a Table & Rows pt. 3

Preview

00:04:14

Styling Table Cells pt. 1

Preview

00:04:42

Styling Table Cells pt. 2

Preview

00:06:04

Creating a Pure CSS Table

Preview

00:07:05

Forms

Styling a Fieldset & Legend

Preview

00:06:40

Styling Form Elements

Preview

00:07:05

Form Layout pt. 1

Preview

00:04:01

Form Layout pt. 2

Preview

00:07:22

User Interface

Cursor pt. 1

Preview

00:06:43

Cursor pt. 2

Preview

00:04:29

System Colors

Preview

00:04:48

Outline

Preview

00:05:19

Media Types

Accessibility

Preview

00:06:19

Setting Up Print Styles

Preview

00:03:51

Paged Media Basics

Preview

00:06:43

Formatting for Print pt. 1

Preview

00:05:46

Formatting for Print pt. 2

Preview

00:05:28

Formatting for Print pt. 3

Preview

00:05:33

Page Breaks pt. 1

Preview

00:05:46

Page Breaks pt. 2

Preview

00:04:26

CSS & Javascript

Basics of Javascript

Preview

00:06:22

Targeting CSS

Preview

00:06:52

Setting Up Functions

Preview

00:06:20

OnLoad & User-Interaction

Preview

00:06:24

Finishing the Navigation Menu

Preview

00:06:19

CSS3

Overview

Preview

00:04:44

Selectors

Preview

00:06:04

Applying Selectors

Preview

00:06:01

Opacity

Preview

00:05:28

New Color Models

Preview

00:05:59

Applying Color Options

Preview

00:06:27

Border Colors

Preview

00:04:28

Applying Border Colors

Preview

00:04:54

Border Radius

Preview

00:05:42

Box Shadows

Preview

00:05:39

Text Shadows

Preview

00:04:57

Multi-column Layout

Preview

00:04:34

Web Fonts

Preview

00:06:27

Modularity

Moving Towards Modularity

Preview

00:06:53

Separate CSS Files

Preview

00:07:19

Review

Wrap Up

Preview

00:06:04

Credits

About the Author

Preview

00:01:29