2009
O'Reilly Media
Patrick Daly
1:35
English
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.
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.
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.
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
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
Download File Size:550.39 MB
|
