Free CSS Templates » Free CSS Tutorials

Free CSS Tutorials

Below are free css tutorials which you can learn CSS from. The tutorials vary from “What is CSS?” to more advanced CSS techniques such as using clearing divs. The complete guide to coding a website in CSS is also available in this section of the website.

Creating a Fluid Design

Fluid basically means a template which expands horizontally to fit the screen size of each computer which may have different resolutions which with a fixed template would either cause is to scroll from left to right to see the whole page or to have big expanses of empty space with a large resolution. It is therefore sometimes better to use a fluid design, despite the added difficulty to design and code. When people decide they want to make a fluid design they should take into account a number of extra details which would be much more simple with a fixed with design

Using CSS With Adsense

This is a nice simple tutorial. It is a guide to using css to customize the look of you google adsense. Later I will release a variety of examples for you to use on your own website. Customizing the look of the google ads can be very good as it can make the ads blend into your site’s design and cause it to look less cumbersome and gaudy.

Coding an Accessible Navigation

In this part of the tutorial I will guide you through coding the image created in part 1 of the tutorial. If you have not read this you may read it here:

How to Design a Glossy Navigation

This tutorial will guide you through part one of creating a lovely accessible corporate navigation. This part will cover designing the navigation in photoshop with a detailed guide including images. In part two you will learn how to code this into a working CSS navigation.

Using Clearing Divs

When coding a website in CSS and XHTML many people like to have two columns. To get this you use the “float” attribute in your CSS. The can align one column to the left and the other to the right. What many people find troubling is having two floated columns in a centered holder. When coding a website you usually call this holder the “wrapper”. Also when designing and coding a website you generally want to make the site centrally aligned. This is better for different screen resolutions. To do this we usually use the following CSS coding:

How To Style Heading Tags

Now when it comes to heading tags CSS is very important. They can be styled in many ways using a number of methods:

Heading Tags Explained

Heading tags are an integral part of SEO (search engine optimization). If you think of your webpage as a newspaper you have:

10 Often Made CSS Mistakes

I thought I would give a list of the mistakes which I often make. I assume a lot of people make the same ones and it can often cause your whole design to mess up. So go through the checklist if you have a problem with your design and it might be one of the following

CSS In Content

CSS Content? Using tables within the content of your page is a major no-no, the whole intent and purpose of CSS is to control the style of your page elements, this is done using an external stylesheet.

How To Style Text Using CSS

Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc.

Page 2 of 3«123 »

Affiliates

Top CSS Templates

UK Web Hosting

Free CSS Tutorials

Affiliates

Recent Comments

Top CSS Templates