Automatic CSS Preview Generator - Have css file, want to automatically generate html to preview styl

Posted by Marcel Chastain on Stack Overflow See other posts from Stack Overflow or by Marcel Chastain
Published on 2010-05-23T22:20:11Z Indexed on 2010/05/23 22:20 UTC
Read the original article Hit count: 398

Filed under:
|
|

I have a fairly large CSS file developed by my web designer.

There are, of course, plenty of IDs, classes and tag properties assigned therein. Are there any tools to automatically generate HTML based on a CSS source file?

For example:

#basicInfoHead{
    background:url(../images/leftHeaders.jpg) no-repeat;
    margin-left: 0px;
    width:185px;
    height:28px;
}

#basicInfoHead span{
    float: left;    
}

Would generate

<div id=basicInfoHead><span>#basicInfoHead span</span></div>

Etc etc. From there, I could preview the generated code in my browser, and see what each of the individual (primarily text) styles would look like.

Thanks in advance!

© Stack Overflow or respective owner

Related posts about css

Related posts about XHTML