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  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 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 / 28
    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
     
     
    ADVERTISEMENT


    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

    - Comparing Browser Response to Active Client ...
    - Testing Browser Response to Active Client Pa...
    - Active Client Pages: Completing the Code for...
    - ACP and Browsers: Setting up an Example
    - How Browsers Respond to Active Client Pages
    - Completing a Tree with Active Client Pages
    - HTML Form Verification and ACP
    - Building an ACP Tree
    - Completing an ACP 3D HTML Table Image Gallery
    - Building an ACP 3D HTML Table Image Gallery
    - A Multiple Page Image Gallery with Active Cl...
    - Building an Image Gallery with Active Client...
    - Concluding a Menu for All Browsers
    - A Vertical Menu for All Browsers
    - Downloading Long HTML Pages with ACP







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 6 Hosted by Hostway
    Stay green...Green IT