Cascading Style Sheets

Have you ever looked through the internet to try and find informative, good CSS tutorials and other information? Well we have!

Trying to find the tutorials that you need to get you project finished is hard and can be frustrating, when you are under pressure and don't know why your CSS file doesn't work after testing it in multiple browsers, especially if you are developing in Internet Explorer and then you look at your site in Firefox, that's when you get the shock.

Styles are defined in the form of "rules" and the user agent (UA) that understands these rules implements them. The styling tells the user agent what to do with elements found within the document when it comes across them when rendering a web page.

Some Basics of Cascading Style Sheets

  • Why Use CSS Instead Of Tables

    There are extensive arguments to using CSS rather than designing and using tables to layout a website. The main reasons why you should be using Cascading Style Sheets in our opinion are: Cascading Style Sheets allow for a flexible fully controllable website,…

  • Tools to Help Create Your CSS Files

    Most people have all the tools they need to create cascading style sheets on their home computer. The problem is there are so many tools out there that allow you to create HTML and CSS on the fly. These so-called "…

  • Integrating Cascading Style Sheets

    There are multiple ways of calling and integrating styles and style sheets into your HTML file(s). There are three typical ways of integrating cascading style sheets: Inline CSS Embedded CSS External CSS *…

  • Using @import To Call Your CSS Files

    The "@import" rule was introduced due to Netscape Navigator 4.x As Netscape at the time didn't support all of the CSS syntax that was available there were always problems with layouts not working correctly in their browser. A workaround was introduced using the "@import" rule. The idea behind…

  • CSS Tag Properties

    We have seen how to integrate CSS into an (X)HTML document, but the properties of the tag(s) are still a little hard to understand. rel="" type="" media="" title="" id="" Example: <link href="default.css" rel="stylesheet"…

  • The CSS Syntax

    A CSS tag or the CSS syntax is built up using three elements: Selector Property Value Example: selector{property: value;} The selector is generally the HTML element or tag that you wish to style or define Example: body{property: value;} The property…

  • The CSS Class Selector

    The class selector is a general selector, meaning that it can be used multiple times within one document. This selector can be used for all HTML elements that can be styled using cascading style sheets. The class selector start with a "." other than when it is used…

  • The CSS ID Selector

    The "id" selector can only be used once per document when you are creating clean valid code. It can be used multiple times but this is not recommended, classes should be used for repeat use. The "id" selector is defined in either your inline or external CSS files using…

  • Grouping HTML Elements

    It is possible to group elements within your CSS. If you would like to style multiple elements using CSS it is important to note that you need to separate each element using a "comma , ". We generally separate not only using a comma…

  • Starting Out With CSS

    First off we need to decide how we are going to call our CSS. There are 3 ways to integrate CSS into a HTML file: Inline Embed External To find out more about integrating CSS…

  • Styling Fonts With CSS

    This tutorial will show you the basics of styling fonts. The results will look like this: Font Style Demonstration To start with we need to decide what we want to do with our fonts. There are multiple CSS values that…