Web Resources

Website Development Resources

Bookmark our site
Google
 

CSS Table of Contents

NOTE: This information, still relevant was put together in early 2008. My other site www.developergeekresources.com provides more current information.

CSS - Cascading Style Sheets

CSS is the formatting standard used within html pages. Cascading style sheets allow you to create and maintain a consistent look and feel in your web pages..

The question is not whether or not to use CSS. You should be using style sheets in your web pages. The question is whether to have your style sheet directly coded in your web page or referenced. 

The following is an example of having a style sheet referenced by your web page.

<head>
...
<link rel="stylesheet" HREF="stylesheet/toc.css">

...

</head>

Advantages of having the style sheet external to the web page are...

  • You can apply the style easily to multiple pages
  • Changes only require modification to the Style sheet code itself!

The key disadvantage is...

  • You web page is not as portable as embedding the sheet in the page itself.

The following is an example of the style sheet inline the html page.

<head>
...

<STYLE type="text/css">

/* H2 */

H2 {

font-family: Times New Roman, Arial;

text-align: left;

font-size: 12pt;

font-weight: normal;

background-color: gray;

margin-left: 0px;

text-transform: uppercase;

color: white

}


...

</head>

Key advantage of this method is...

  • Page can be copied to a different website or location and all the styles and formatting move with it.

The key disadvantage is...

  • If style is embedded and used in multiple pages it is more difficult to manage...

 

GENERAL INFORMATION

Click on the Wiki globe for the general scoop on CSS

http://www.hwg.org/resources/faqs/cssFAQ.html

 

RESOURCES / REFERENCE

To open these in another instance of the browser hold the shift key and click on the link.

http://www.w3schools.com/css/css_reference.asp

http://www.nic.fi/~tapio1/Teaching/index2.php3

http://dmoz.org/Computers/Data_Formats/Style_Sheets/CSS/FAQs,_Help,_and_Tutorials/

 

EDUCATION

http://www.w3schools.com/css/default.asp

 









Copyright 2006-2010 --- All Rights Reserved