Own Design
Own Design
Your Designer


CSS Tutorial - Table of contents

  • Introduction
    A brief introduction to the tutorial and what you can expect to learn.
  • Lesson 1: What is CSS?
    A little on why CSS came in to the world, and why it is clever to choose CSS over HTML for layout and design.
  • Lesson 2: How does CSS work?
    Learn the basic syntax of CSS and have to create your first stylesheet.
  • Lesson 3: Colors and backgrounds
    Learn how to apply colors and background colors to your website and how to use background images.
  • Lesson 4: Fonts
    In this lesson you will learn about fonts and how they are applied using CSS.
  • Lesson 5: Text
    In this lesson you will be introduced to the amazing opportunities CSS gives you to add layout to text.
  • Lesson 6: Links
    About how you can add fancy and useful effects to links and work with pseudo-classes.
  • Lesson 7: Identification and grouping of elements (class and id)
    A closer look at how you can use class and id to specify properties for selected elements.
  • Lesson 8: Grouping of elements (span and div)
    A closer look at the use of span and div as exactly these two HTML elements are of central importance with regards to CSS
  • Lesson 9: The box model
    The box model in CSS describes the boxes which are being generated for HTML-elements.
  • Lesson 10: The box model - margin & padding
    Change the presentation of elements by setting the margin and padding properties.
  • Lesson 11: The box model - borders
    Learn about the endless options when using borders in your pages with CSS
  • Lesson 12: The Box model - Height and width
    In this lesson, we will take a look at how you easily can define the height and width of an element.
  • Lesson 13: Floating elements (floats)
    An element can be floated to the right or to left by using the property float
  • Lesson 14: Positioning of elements
    With CSS positioning, you can place an element exactly where you want it on your page.
  • Lesson 15: Layer on layer with z-index (Layers)
    In this lesson, we will learn how to let different elements overlapping one another using layers.
  • Lesson 16: Web-standards and validation
    This last lesson is about the W3C-standards and how to check your CSS is correct.
Send Message
This website was created for free with Own-Free-Website.com. Would you also like to have your own website?
Sign up for free