CSS Tutorial - from beginner to CSS layouts in easy to understand English, with examples, every step of the way.

Cascading Style Sheets (CSS) have long been used web gurus because of the power they offer. They can be used to format the look and feel of any HTML element, or for designing complete web page layouts.

(Instant download)

A typical CSS site:

Loads faster, as there is less code in the html documents.
Can have its look and feel changed in seconds, purely by editing the style sheets.

This second point is very important.

Imagine that you want to change the look of your h1 headers on across a 100 page site. If that site uses CSS to control the look and feel of the web page, then you only need to edit one file. Changing the h1 appearance across your whole site takes seconds. If you don't use CSS, that simple, single change, could take hours.

OK, headlines are one thing, but CSS can do so much more. Imagine you have a site with a menu on the left of the pages. What if you want to move the menu to the right? Well, in CSS, you can achieve this switch in seconds, across the whole site. With sites built using tables, this changeover again will take hours.

Want to see an example?

Have a look at this simple page (opens in a new window). In this example, I am changing the size of both paragraph text, and the h1 header. Look at the code behind that page, and you wont see any formatting in the HTML code itself. The file is small, compact, and loads quickly.

OK, now have a look at this identical html page (opens in a new window). The html of this page is identical to the last example, but uses a different style sheet. Examine the html code again. See how the html is the same as the last example? The appearance is very different, and that appearance has been defined in a style sheet.

This course will take you from zero CSS knowledge (though you do need a basic understanding of HTML), and show you how to integrate CSS into your own sites.

Let's look at another example.

Here is an example of a 3 column layout that the course teaches you how to build. The left menu is on the left, and the right menu is on the right, as you would expect. However, with a simple editing of the CSS file that controls the layout of this page, we can reverse those. Here is the page again, but with the menus switched.

This type of layout change can be done in minutes, across an entire site, without editing the web page HTML. This CSS course will teach you how to do this, plus much more.

This course is just over 100 pages, and includes:

A link to an excellent free CSS editor.
Basic formatting of HTML elements.
Introduction to CSS, including pseudo-classes, pseudo-elements, IDs, and Classes, ID selectors, Class Selectors, etc all explained in easy to understand English.
Length units - which ones to use, and which ones to avoid.
The box model, to help visualize some important CSS properties.
Table-less page layouts (2 and 3 column layouts, with footers).
Absolute positioning.
Creating menus using CSS (horizontal and vertical).
Background images.
Using images in bullet lists.
Lots of examples of both HTML and CSS.

This eBook (PDF document) was written for those wanting to learn CSS, but who found books on the subject too difficult to understand. I assume no CSS knowledge, though some HTML knowledge is required.

NOTE: After you order, do not close your browser, as you will be redirected to the download page.

BUY NOW for just $27

Undecided? Why not download the first two chapters for free. You'll also get the complete table of contents. To download, right click here and select save as.

Terms of Use | Privacy | Purchase Agreement | Support | Purchase Agreement