Convert CSS to HTML?

JuicyJuice

Newbie

Dec 22, 2012

34

14

• Dec 30, 2012

• #1

Anybody know of any online tools that convert cascade style sheets to html? I like to build my sites in wordpress, but I use Blogger just because Google throws some love towards blogger sites. Only problem is Blogger only supports html websites, meaning all of my hardwork may be meaningless if I can't convert these codes.

Any help is greatly appreciated.

 

S

Superconservativenes

Registered Member

Dec 9, 2012

85

30

• Dec 30, 2012

• #2

I don't think there is such a tool.

From my understanding you have a CSS file and you want to turn it into an HTML file. From knowledge, that's impossible.

 

Orbit143

Senior Member

Aug 8, 2010

895

593

• Dec 30, 2012

• #3

There is a lot of things which can't be done in simple html.

 

olystyle

Regular Member

Jan 6, 2012

238

107

• Dec 30, 2012

• #4

Hi JuicyJuice

To embed CSS directly in HTML you got two options:

Option 1 - use style tags:

Code:

<style>
//In here goes all of your CSS
body{
width:100%;
}
....
</style>

Option 2 - embed directly within tags:

Code:

<div id="container" style="width:100%; margin:0 auto;">
...
</div>

cheers olystyle

 

BlueZero

Power Member

Jul 6, 2011

506

261

• Dec 30, 2012

• #5

You can try to place your CSS into html.
Copy contents of your css file and place it in HTML this way:

Code:

<style>
paste css file contents
</style>

 

A

alias_unknown

Newbie

Dec 30, 2012

41

4

• Dec 31, 2012

• #6

CSS and HTML are two different things, but they work together. I don't know of anything to convert head or external CSS styles to inline styles (which is what is needed). It would need to be done manually. I have never used blogger but I am a web developer.

Just to add to code examples posted above... the <style></style> tags must be in the head of the page so that it is applied to the page.

If you want to have the CSS in the body of the document, you will need to use inline css tags.

 

terrycody

Elite Member

Sep 29, 2012

6,421

3,329

• Dec 31, 2012

• #7

no TOOLS can do such a thing, cuz HTML and CSS are totally two language and u can not guess what HTML like just by CSS

 

V

VinBed

Regular Member

Apr 24, 2012

231

67

• Dec 31, 2012

• #8

You can embed your CSS into your HTML files, but you can't convert CSS code into html.

 

cutty

Junior Member

Jan 10, 2010

168

63

• Dec 31, 2012

• #9

You can look at HTML as the building blocks to your website and CSS the look and feel to it. Take a house for example. The HTML is the frame of the house, while the css is the siding and other aesthetically appealing factors of the house visually.

 

Last edited: Dec 31, 2012