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