CNET | News | Hardware | Downloads | Builder | Games | Jobs | Auctions | Prices | Tech Help Free Email  
CNET Builder.com
Search     
 
Get a free hat when you buy Red Hat Linux 7 Professional.
Get a free hat when you buy Red Hat Linux 7 Professional.
 CNET : Web Building : Authoring & Site Design : Get Started With Cascading Style Sheets
 
       
Get Started With Cascading Style Sheets

Try the Style-O-Mattic

By Matt Rotter and Charity Kahn
(9/3/97, updated 11/2/00 by Paul Anderson)

Developing style sheets is often a matter of trial and error. But we've made it easy for you with the Style-O-Mattic, courtesy of CNET staffer Matt Rotter. Just enter some text into the text field; then select from the font, background, text, and box properties and their values. Your results will appear in the window below. If you don't like what you see, just make a few new selections. To start over completely, click the Reset button.

When you've got a look you want, click the View Source button; the source code for the style will appear in the bottom window. (To go back to seeing the style in the window, select View Style.) When you're ready, cut and paste the code from the bottom window into your own HTML document. It's styling made easy!

Try the Style-O-Mattic now!

Note: We're sticking with supported W3C specifications here, so this tool covers only CSS1. Presently it works only with Navigator 4.0 and Internet Explorer 4.0 and later, so download one of these if you need to. At present, no browser supports all of the Style-O-Mattic's functionality.

More Builder.com coverage   

   
 
 
    CSS Level 2 Positioning
    CSS Level 1
    Resources
  • Try the Style-O-Mattic
   
 
 

Matt Rotter and Charity Kahn are software engineers for CNET.com. Paul Anderson is an associate technical editor for CNET Builder.com.

     

  http://buzz.builder.com
Discuss Cascading Style Sheets


Click Here!

Also on CNET
 
Dynamic HTML
In Web Building
Adapt CSS to Older Browsers
In Web Building
Nefarious Backgrounds
In Web Building
Adaptive Text Colors
In Web Building
CSS Help
In Help.com

 
 
Cascading Style Sheets
From the W3C
CSS resources
From ZDNet Developer
Authoring Style Sheets
From WebMonkey
Cascading Style Sheets
From WebReference
Style Sheets
From Web Review


  Outpost.com Tech Toy Shopping  
Dreamweaver 4 Studio Upg, $189.95  Photoshop 6.0 Win Upgrade, $189.95   Kodak DC215 Digital Camera, $299.95

 
Get a free hat when you buy Red Hat Linux 7 Professional.
Get a free hat when you buy Red Hat Linux 7 Professional.
 
CNET Services: Auctions · Check Latest Prices · Downloads · Enterprise Business · Find a Web Host · Find an ISP · Free Newsletters · Gadgets · Games · Hardware · Help & How-Tos · Latest PCs · Media Productions · News · Publish Your Opinion · Search · Stock Quotes · Tech Jobs · Web Building · All Services
 
  
   CNET Jobs | Corrections | How to Advertise | Join CNET's Affiliate Program | Support    About CNET  
Back to Top Join CNET, we're hiring

Copyright ©1995-2000 CNET Networks, Inc. All rights reserved. Privacy policy.