From Jennifer Kyrnin,
Your Guide to Web Design / HTML.
FREE Newsletter. Sign Up Now!

This CSS tutorial takes you through all you need to learn Cascading Style Sheets. You'll start out with basic styles, run through styling text, adding backgrounds and borders, styling tables and forms, and much more.

Basic CSS Tutorial

Follow these steps and to learn CSS and begin using Cascading Style Sheets.

1. The Basics of CSS
   Learn the basics of cascading style sheets including how to write your first style sheet.
   
   
2. CSS Syntax
   Learn how to write a Cascading Style Sheet style.
   
   
3. How to Add Style Sheets
   The three ways to add CSS style sheets to your Web pages.
   
   
4. Modify Fonts with CSS
   There are a lot of different properties in CSS that you can use to modify your fonts.
   
   
5. Adjust Text with CSS
   Text is different from fonts - text is the blocks of content written with fonts. With CSS you can affect how the text displays including the color, alignment, decorations and more.
   
   
6. The CSS Box Model
   The CSS box model describes the rectangular boxes that surround content in Web pages (seen and unseen).
   
   
7. Backgrounds and CSS
   Learn how to use CSS to adjust the background images and colors of your Web pages and elements.
   
   
8. CSS and Lists
   Learn how to modify the display of bulleted and numbered lists (ordered lists) using CSS.
   
   
9. CSS Positioning and Layout
   CSS gives you very precise control over the position of elements on your Web pages. You can control the size of the elements and where they are in the flow of the document, or give them specific coordinates and placement within the page layout.
   
   
10. Styling Tables, Frames, and Forms
    Learn how to use CSS to modify your HTML tables, HTML frames and HTML forms to make them better looking. Cascading style sheets can make your tables, frames and forms easier to use and more effective.
    
    
11. Advanced CSS Topics
    Once you've gotten through the rest of the CSS tutorial, you've learned the basics of CSS and how to apply them to various types of HTML elements. But there is a lot more to CSS than that. These advanced topics bring up aspects of CSS and styling Web pages that may not be supported yet or are just theoretical.
    
    

Other Beginning CSS Resources

What is CSS?
Free CSS Course
Beginning Cascading Style Sheets
CSS Style Properties Library
More CSS Tutorials

Advanced Tutorials

CSS Specificity
CSS Selectors
Absolute and Relative CSS Positioning