HTML
  Home arrow HTML arrow CSS: Where Little Things Mean a Lot
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Dedicated Servers  
Download TestComplete 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Web Buyers Guide
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
HTML

CSS: Where Little Things Mean a Lot
By: Christopher Duell
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 3 stars3 stars3 stars3 stars3 stars / 27
    2004-03-29

    Table of Contents:
  • CSS: Where Little Things Mean a Lot
  • On to CSS
  • CSS and the DIV Tag

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    Iron Speed
     
    ADVERTISEMENT

    Lose your application development headaches. Start developing and deploying applications with Advantage Database Server today. Download a 30-day trial for Free!

    CSS: Where Little Things Mean a Lot
    (Page 1 of 3 )

    You’ve heard of people talking about having a site made using CSS, otherwise known as Cascading Style Sheets. So you decide to have a look at this CSS stuff only to discover that it makes no sense. How can somebody make a site out of this? Well, to put it bluntly, they don’t make a site with CSS; rather they make the site just as they would any other site, using good old HTML and link their page(s) to a CSS file. This file holds all the information on how the page will look; from what color the background is, to what font the body of the site will use.

    “So what?”, I hear you say. What if I told you that by using this one single file, you will essentially save yourself countless hours of coding time, and by changing this one file your entire site will change accordingly? Interested now?  I thought so!

    When I created my first few sites I had not heard of CSS. Finally the time came when I made a fairly large site; it contained over 50 pages, and although I had made the site with frames, which sort of lessened the work load a little, when I decided that I wasn’t happy with the look of the site and that I wanted to give it a makeover, one thought ran through my head: "Ouch!"  I had over 50 files that needed changing, and they weren’t small changes, a lot of work was needed. So I decided to completely recreate the site. I changed from using static HTML, to using ASP and CSS. This was the best decision I have ever made as, since then, the site has had two makeovers, and each one involved the editing of only one file, the wonderful CSS file.

    Let’s start out small with a simple page like this:


    <html>
    <head>
    <title>My first page with CSS</title>
    </head>
    <body>
    Examples 
    'R' Us
    </body>
    </html>

    Now, if you created a HTML file with this code and opened it in your browser of choice, well, it would be pretty boring.  Go on, and give it a try. You’ll see what I mean.

    More HTML Articles
    More By Christopher Duell


     

    HTML ARTICLES

    - Custom Buttons in HTML
    - Quick Web Page Menu
    - Maximizing and Restoring HTML Images with th...
    - Maximizing and Restoring HTML Images with th...
    - Handling Hyperlinks and Images in HTML
    - Quick Start with HTML
    - HTML Tips
    - Color Composition and HTML
    - HTML Fonts, Styles, and Headers
    - Uses of the New Window Command for Web Sites
    - HTML Working with Images
    - HTML: Working with Special Characters
    - HTML Forms
    - HTML Tables
    - Frames and Lists in HTML


     
    Accelerating Trading Partner Performance
     
    Competing on Analytics
     
    Cost Effective Scaling with Virtualization and Coyote Point Systems
     
    Five Checkpoints to Implementing IP Telephony
     
    Hosted Email Security: Staying Ahead of New Threats
     





    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway