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