Video description
Great CSS: Level 1 will lay the foundation for getting
started with CSS. Once you've finished the course you'll have all
the tools you need to turn a plain website into a masterpiece. Even
beyond the basics you'll learn how professional web designers
utilize CSS, honing in on some of the overlooked features that will
make you fall in love CSS.
When you buy Great CSS: Level 1, you get access to an entire
video library of lessons-including lessons that aren't available
yet! Here's the scoop: we're continually adding new sections in
Level 1 that take you further into CSS. We're also updating
existing lessons and creating new ones in response to your
questions, along with special "challenge lessons" that will test
your skills. All of this is yours with Great CSS: Level 1.
You'll learn how to reference CSS from within HTML, how to
add style efficiently and even how to get past some common hurdles.
We'll turn an unstyled web-page into a multi-column, beautiful
layout all while adhering to the W3C guidelines of standards-based
coding. On top of that, we'll make sure that our CSS is browser
compatible and how to get around some of the painful IE6
bugs.
Table of Contents
Getting Started
Set Up Your Environment
Reference Style In Your HTML
Include an External Stylesheet
Starting to Write CSS
Get Firebug
Page Layout
Use a Fluid/Liquid Width Layout
Fix the Width of Your Page’s Layout
What are Margin and Padding?
Create Two Columns Using float
Reset Positioning by Clearing a float
Position a Section of Your Page Absolutely
Fix an Object’s Position on a Page
Fonts
Use Web-Safe Fonts and Families
Set the Size of Your Fonts
Set Colors with RGB Values
Set Colors with HEX Values
Add Weight or Bold to Fonts
Emphasize Text with Italics
Transform Your Text
Align Text on a Page
Save Time with Font Shorthand
Lists
Style Bulleted and Numbered Lists
Create Vertical Navigation
Create Horizontal Navigation
Add Drop Downs to Horizontal Navigation
Images
Add a Background Image
Repeat a Background Image
Take Control of Placing Your Background Image
Give Text a Background Image
Add a Rollover Effect with Images
Use Image Sprites to Optimize Your Site
Add and Remove Image Borders