CSS Tutorial

Learn CSS Quickly and Easily and Style Your Web Page with this CSS Tutorial

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.

  1. CSS Syntax
    Learn how to write a Cascading Style Sheet style.

  2. How to Add Style Sheets
    The three ways to add CSS style sheets to your Web pages.

  3. Modify Fonts with CSS
    There are a lot of different properties in CSS that you can use to modify your fonts.

  4. 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.

  5. The CSS Box Model
    The CSS box model describes the rectangular boxes that surround content in Web pages (seen and unseen).

  6. Backgrounds and CSS
    Learn how to use CSS to adjust the background images and colors of your Web pages and elements.

  7. CSS and Lists
    Learn how to modify the display of bulleted and numbered lists (ordered lists) using CSS.

  8. 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.

  1. 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.

  2. 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