Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Overview

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.

Subscriber Reviews

Average Rating: 3.9 out of 5 rating Based on 10 Ratings

"good video, sloppy implementation" - by howdynekochan on 16-MAY-2011
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
What's in the video is clear and helpful. The problem is that the example files don't match what's shown in the video - I know they're completed files, that's not the problem. I could overlook it if there weren't other problems like how the sound sometimes cuts out if you've stopped and attempted to restart the video. Also, one of the videos is incomplete, only the first 3 seconds is available. Really Safari, don't you guys have someone check these things?
Report as Inappropriate

"Not for mobile consumption " - by johnnieb on 15-MAY-2011
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
The author uses to high of a screen resolution for the viewing on a smartphone.  Perhaps it ooks better on a PC. In any case Safari should pull the video from the mobile app.
Report as Inappropriate

"Not bad" - by Paidhi on 18-JUL-2010
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
+ Good demonstration of CSS features
+ Good demonstration of tools (Aptana, FireBug)

- Bad video quality
- To much of a demonstration than a tutorial
- Only available as Flash video (makes my CPU's freak out)

Report as Inappropriate

"Effective Introduction to CSS" - by joy on 25-MAY-2010
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
I was able to quickly learn the basics of CSS and apply what I learned to complete a project the same day.
Report as Inappropriate

"Great CSS L1 on Video " - by jwmcgregor on 10-JAN-2010
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Great CSS L1 is not a bad way to learn. I have not used a video training course much in the past so this was an interesting experience.  The main problem was there is no links to sample code (even though there was a reference to it in the narrative)
Not having the code makes it difficult to follow along and it is impossible to achieve the same result as displayed in the examples.


Report as Inappropriate

Table of Contents

Chapter/Selection

Time

Getting Started

Set Up Your Environment

Play Video

00:03:31

Reference Style In Your HTML

Preview

00:01:31

Include an External Stylesheet

Preview

00:02:34

Starting to Write CSS

Preview

00:06:03

Get Firebug

Preview

00:03:20

Page Layout

Use a Fluid/Liquid Width Layout

Preview

00:03:12

Fix the Width of Your Page's Layout

Preview

00:02:28

What are Margin and Padding?

Preview

00:02:24

Create Two Columns Using float

Preview

00:03:57

Reset Positioning by Clearing a float

Preview

00:03:30

Position a Section of Your Page Absolutely

Preview

00:02:43

Fix an Object's Position on a Page

Preview

00:01:45

Fonts

Use Web-Safe Fonts and Families

Preview

00:02:51

Set the Size of Your Fonts

Preview

00:00:03

Set Colors with RGB Values

Preview

00:02:59

Set Colors with HEX Values

Preview

00:02:47

Add Weight or Bold to Fonts

Preview

00:04:32

Emphasize Text with Italics

Preview

00:02:02

Transform Your Text

Preview

00:01:43

Align Text on a Page

Preview

00:00:59

Save Time with Font Shorthand

Preview

00:01:55

Lists

Style Bulleted and Numbered Lists

Preview

00:04:03

Create Vertical Navigation

Preview

00:05:58

Create Horizontal Navigation

Preview

00:02:29

Add Drop Downs to Horizontal Navigation

Preview

00:03:34

Images

Add a Background Image

Preview

00:01:56

Repeat a Background Image

Preview

00:02:46

Take Control of Placing Your Background Image

Preview

00:03:27

Give Text a Background Image

Preview

00:04:04

Add a Rollover Effect with Images

Preview

00:02:32

Use Image Sprites to Optimize Your Site

Preview

00:02:36

Add and Remove Image Borders

Preview

00:01:20

Extras

The publisher has provided additional content related to this title.


Description
Content

These links have been provided by the publisher.

  • examples