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 00:03:32
- Reference Style In Your HTML 00:01:32
- Include an External Stylesheet 00:02:34
- Starting to Write CSS 00:06:03
- Get Firebug 00:03:21
-
Page Layout
- Use a Fluid/Liquid Width Layout 00:03:13
- Fix the Width of Your Page's Layout 00:02:29
- What are Margin and Padding? 00:02:25
- Create Two Columns Using float 00:03:57
- Reset Positioning by Clearing a float 00:03:30
- Position a Section of Your Page Absolutely 00:02:43
- Fix an Object's Position on a Page 00:01:45
-
Fonts
- Use Web-Safe Fonts and Families 00:02:51
- Set the Size of Your Fonts 00:03:21
- Set Colors with RGB Values 00:03:00
- Set Colors with HEX Values 00:02:48
- Add Weight or Bold to Fonts 00:04:33
- Emphasize Text with Italics 00:02:02
- Transform Your Text 00:01:44
- Align Text on a Page 00:01:00
- Save Time with Font Shorthand 00:01:55
-
Lists
- Style Bulleted and Numbered Lists 00:04:04
- Create Vertical Navigation 00:05:58
- Create Horizontal Navigation 00:02:30
- Add Drop Downs to Horizontal Navigation 00:03:35
-
Images
- Add a Background Image 00:01:57
- Repeat a Background Image 00:02:47
- Take Control of Placing Your Background Image 00:03:27
- Give Text a Background Image 00:04:05
- Add a Rollover Effect with Images 00:02:33
- Use Image Sprites to Optimize Your Site 00:02:37
- Add and Remove Image Borders 00:01:21