Tutorials and Online Training Videos

CSS 2/3 Tutorial


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.

Introduction

Course Introduction
Assumptions
Topics
System Requirements
Course Setup & Project Overview

What is CSS?

Definition
HTML Web Standards
CSS Specifications
Browsers
Pure CSS Websites

CSS Fundamentals

CSS Rules
CSS Placement
Embedded Styles
Inheritance
CSS Comments
Inline Styles
Linked Styles
Imported Styles
Good Practices

Selectors

DOM Basics
Type & Descendent
Universal
Attribute pt. 1
Attribute pt. 2
Child & Sibling
Class
ID
Pseudo-Class
Pseudo-Element
Combinations

Properties & Common Property Values

Introduction to Properties
Web Safe Color
Color Keyword
RGB Color
Hexadecimal Color
Measurement Systems Absolute pt. 1
Measurement Systems Absolute pt. 2
Measurement Systems Relative pt. 1
Measurement Systems Relative pt. 2
URL

The Cascade

Defining the Cascade
Origin & Weight
Specificity & Placement

Typography

Introduction to Typography
Font Families
Color pt. 1
Color pt. 2
Font Style
Font Weight
Font Sizes Recap
Font Sizes Keywords
Applying Sizes pt. 1
Applying Sizes pt. 2
Font Spacing
Font Casing
Text Decoration
Vertical Spacing
Font Shorthand
Paragraph-Level Formatting

The Box Model

The Box Model Concept
Different Kinds of Boxes pt. 1
Different Kinds of Boxes pt. 2
Applying Display
Size & Overflow
Applying Size
Padding
Applying Padding pt. 1
Applying Padding pt. 2
Border
Applying Border
Margin pt. 1
Margin pt. 2
Margin pt. 3

Approaches to Web Layout

Styles of Layouts
Basic Float Layout Options
Float Basics pt. 1
Float Basics pt. 2
Applying Float-based Layout
Positioning Basics pt. 1
Positioning Basics pt. 2
Positioning Basics pt. 3
Positioning Basics pt. 4
Relative Positioning & Z-Index
Positioning & Overflow
Applying Absolute Positioning Layout

Lists

List Styles
List Bullets
Project Enhancing Links
Project Navigation Bar pt. 1
Project Navigation Bar pt. 2

CSS Images

Images Using CSS
Background Options pt. 1
Background Options pt. 2
Applying Background pt. 1
Applying Background pt. 2
Applying Background pt. 3
Applying Background pt. 4
Applying Background pt. 5
Scriptless Image Rollovers
Rounded Corners pt. 1
Rounded Corners pt. 2

Tables

CSS Table Options
Border Collapse Conflict Resolution
Styling a Table & Rows pt. 1
Styling a Table & Rows pt. 2
Styling a Table & Rows pt. 3
Styling Table Cells pt. 1
Styling Table Cells pt. 2
Creating a Pure CSS Table

Forms

Styling a Fieldset & Legend
Styling Form Elements
Form Layout pt. 1
Form Layout pt. 2

User Interface

Cursor pt. 1
Cursor pt. 2
System Colors
Outline

Media Types

Accessibility
Setting Up Print Styles
Paged Media Basics
Formatting for Print pt. 1
Formatting for Print pt. 2
Formatting for Print pt. 3
Page Breaks pt. 1
Page Breaks pt. 2

CSS & Javascript

Basics of Javascript
Targeting CSS
Setting Up Functions
OnLoad & User-Interaction
Finishing the Navigation Menu

CSS3

Overview
Selectors
Applying Selectors
Opacity
New Color Models
Applying Color Options
Border Colors
Applying Border Colors
Border Radius
Box Shadows
Text Shadows
Multi-column Layout
Web Fonts

Modularity

Moving Towards Modularity
Separate CSS Files

Review

Wrap Up

Credits

About the Author


Related Books on CSS 2/3







Save $80 on the
DROID BIONIC
by Motorola with Verizon Wireless service for less than from Verizon Wireless directly.
Save $80 on DROID BIONIC
More Cell Phone Discounts