急！！！html转换成css

html-css020

急！！！html转换成css,第1张

很简单，只要把html中各个标签的样式都提取出来，放到css中，在给各个元素引用就可以了。

1、在html中找到<head></head>标签，在其中增加<style type="text/css"></style>标记

2、找到html中的一个元素比如

<div style="background:greenalign:centerwidth:20%font-size:14px">xxx</div>这种，将其中的style=""双引号之间的内容复制，粘贴到1中创建的标记内。在用一个选择器包裹住，最后在元素上指定class="选择器"就可以了

3、例子 如下两个div，第一个在style中设置样式，第二个通过css引用样式，最终效果过一样

<html>

    <head>

        <style type="text/css">

            .divcss{

                background:green

                align:center

                width:20%

            }

        </style>

    </head>

    <body>

        <div style="background:greenalign:centerwidth:20%">xxx</div>

        <div class="divcss">xxx</div>

    </body>

</html>

有一个小软件可以实现这个功能，在这里我的个人主页有下载，地址是http://www.lyqqwt.com/Soft/ShowSoft.asp?SoftID=8 我试过，虽然转出来不如自己写的好，但是效果还是不错的