1. Home
  2. Computing & Technology
  3. Web Design / HTML

Beginning Cascading Style Sheets (CSS)

If you're just starting out with Cascading Style Sheets or you want to learn how to write CSS more effectively, you should start here. These CSS articles, tutorials, classes, and links will help you learn CSS quickly and easily.
What's the Difference Between @import and link for CSS?
There are two ways to load an external style sheet into your Web pages - @import or link. But why would you use one or the other? This FAQ explores the original purpose of both methods of including style sheets and then explains some of the common reasons for choosing one over the other or using a combination of both.
8 Cheap and Easy Ways to Learn CSS
It's easy to learn CSS, and there are so many different ways to do it, it's criminal if you haven't already started. Cascading Style Sheets add so much to your Web designs that if you don't understand at least the basics you're cheating yourself and your designs.
FREE CSS Class From About
In this free class, you will learn how to add CSS styles to your HTML, your Web pages, even your entire site. You will discover that Cascading Style Sheets are not difficult to learn, and in fact, CSS can be a lot of fun.
What is CSS?
Before you can use Cascading Style Sheets, you need to understand what they are and what they are for.
CSS Tutorial
Learn CSS and style your own Web page through a step-by-step CSS tutorial. Learn more than just the basics of Cascading Style Sheets with this comprehensive CSS tutorial.
CSS Step By Step
Learn how to use inline styles, stylesheets in the header, and external stylesheets.
Top 10 CSS Tips for Creating and Using Cascading Style Sheets
Cascading Style Sheets or CSS may seem daunting to beginners, but there are ten simple things you should understand about CSS in order to create style sheets that work and styles that do what you need them to do.
Beginning Cascading Style Sheets Resources
Learn the basics of Cascading Style Sheets
Beginning Cascading Style Sheets
Learn the basics of Cascading Style Sheets
Beginning Cascading Style Sheets: Placing Your CSS Tags
Learn the basics of Cascading Style Sheets and how to place your CSS styles in your HTML documents
Borders; CSS Borders; Edges; Border Tags; Border Properties
This article is for Web designers struggling to take their borders from basic to exciting. You'll learn how to do more with borders than just decide what the width and color should be. Use CSS to create borders that are dashed or dotted and that only show on specific sides.
Centering Stuff with CSS
Learn how to center text, images or blocks on your Web page with CSS.
CSS Border Styles
Use CSS to change the style of borders around your elements.
CSS Cheat Sheet
When you're starting a Web page from scratch, there are some simple styles that you should define right away for your designs. With this sample style sheet and CSS cheat sheet, you can make sure you get the basic styles defined every time so that you're spending your time creating the custom styles that make your design unique.
Float an Image to the Left of Text
It's easy to float an image to the left using the float property in CSS.
Float an Image to the Right of Text
It's easy to float an image to the right using the float property in CSS.
How to Build an External Style Sheet
Learn how to create and use external style sheets on your site.
How to Build an Internal Style Sheet
Learn how to create and use external style sheets on your site.
How to Hide Links Using CSS
This quick tip will show you how to hide links so that they look and act like the surrounding text or images. This tip goes beyond just removing the underlines, it will make your link completely blend into the surrounding text.
How to Use External Cascading Style Sheets (CSS) on Web Pages
External style sheets (CSS) allow you to use one style sheet on multiple Web pages - so when you change the look for your site, you chage the CSS in one location.
Make Fancy Headings with CSS
Plain HTML headings are ugly. There's no getting around it. H1 is big, bold, and ugly, and h2 isn't much better. H3 isn't so bad, but since it's so close to bold it's kinda pointless, and h4, well, that really is bold. H5 and H6 are typically too small to read. So why use headings? Well, search engines like them. And with CSS you can make them look as pretty as you please with text styles, borders, and even images.
Playing with BLOCKQUOTE and Cascading Style Sheets
When you use the blockquote tag it can result in pretty boring looking quotations. But if you use Cascading Style Sheets, you can dress up your quotations to get blockquotes that pop on your Web page.
Styling Links with CSS
Don't let your links be boring, create links that are styled just like the rest of your Web pages. And before you think that just means changing the hover color - there's way more to it than that.
The Font Tag versus Cascading Style Sheets (CSS)
The font tag is deprecated, learn how to use CSS to do the same thing
The SPAN and DIV Tags
The span and div tags are often used with style sheets to create areas of the site that are defined by the styles.
The STYLE Tag
An explanation of the style tag for adding style sheets to your documents. Part of the HTML tag library.
Using Cascading Style Sheets
Learn about the syntax of style sheets and how to use the more common styles in your Web pages.
What does Cascade mean in Cascading Style Sheets?
Learn what it means to cascade in CSS cascading style sheets.
What is a CSS Inline Style?
Once you understand what a CSS style property is, you'll want to apply them to your pages. One way to do that is to style the exact element with an inline style.
Why Don't my CSS Colour Styles Work?
Spelling matters in CSS and the CSS style for changing the background colour or text colour is in the American spelling (color). If you use the British spelling (colour), it won't work.
Your First Style Sheet Using Cascading Style Sheets or CSS
CSS stylesheets may seem more difficult than they really are. Learn how to add CSS to your page quickly.

Explore Web Design / HTML

More from About.com

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. Beginning CSS

©2008 About.com, a part of The New York Times Company.

All rights reserved.