Beginner's Guide To CSS

Learn what CSS is, and how it's used in web design. This film teaches you the very basics to give you a firm foundation to work from


Beginner's Guide To CSS

Cascading Style Sheets - Fixed Positioning Tutorial

While working within CSS Cascading Style Sheets there are several different methods that you can use to position your elements. This tutorial focuses on using the Fixed Positioning method and demonstrates how your elements will be displayed.

Cascading Style Sheets - Link Pseudo Classes Tutorial

Pseudo Classes within Cascading Style Sheets CSS can enable you to add dynamic effects to your link objects without increasing your page download size. Learn how to use Pseudo Elements in this video.

Cascading Style Sheets - Type Selector Tutorial

Within Cascading Style Sheets you use Selectors to define style groups and how they are to be applied to your web content. This tutorial explains the type selector and how it can be used.

Absolute and Relative Position in CSS

This video tutorial covers absolute and relative position in CSS. Note that it doesn't go into z-index during this video. It’s a simple concept - the higher value in the z-index means the element is higher up on the stack. An element with a z-index of 9 will appear to be beneath an element with a z-index of 10, or 11.

Improve the Look of Your Site with CSS

In this video tutorial, Molly Holzschlag and Andy Clarke explains how to improve the look and efficiency of their web pages using CSS. In this video tutorial:

• Learn how to add some pizzaz to your tables by using CSS to add background color to them.
• Learn how to get away from the default look and feel of buttons in forms using CSS.

This is an excerpt from CSS for Designers.

About CSS for Designers
In CSS for Designers, Molly E. Holzschlag and Andy Clarke expertly guide you through some of the most complex and useful techniques used in progressive Web design. Molly and Andy consider the topics from the point of view of creative, visual people rather than developers or programmers. Their unique approach helps give designers all the tools they need to create accessible, manageable, and beautiful websites.

CSS Layout Techniques

In this CSS Layout Techniques video tutorial, Eric Meyer explains the sometimes confusing box model and how to float them on your page.



This is an excerpt from the CSS Web Site Design Hands on Training.

About CSS Web Site Design Hands on Training
These hands-on exercises, complete with insider tips and detailed color illustrations, teach you the latest techniques for designing Web sites with CSS (Cascading Style Sheets). CSS gives you control over the appearance of your Web sites by separating the visual presentation from the content. It lets you easily make minor changes to a site or perform a complete overhaul of the design. In CSS Web Site Design Hands-On Training, you’ll start with a review of CSS essentials, learn to build effective navigation and page layouts, and then move on to work with typography, colors, backgrounds, and white space. The included CD-ROM is loaded with classroom-proven exercises and QuickTime training videos, and real-world projects take you through the Web page creation process, one step at a time. Over 60 Step-by-Step Tutorials:

• Using CSS and XHTML together
• Learning essentials of selectors, inheritance, and the cascade
• Creating CSS navigation
• Laying out pages with CSS
• Adding colors and backgrounds
• Setting typography
• Creating white space, margins, and borders
• Creating tables
• Styling for print
• Plus much more!