CNET | News | Hardware | Downloads | Builder | Games | Jobs | Auctions | Prices | Tech Help Free Email  
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 coverage   

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

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

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

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 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.