急!!!html转换成css

html-css012

急!!!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 我试过,虽然转出来不如自己写的好,但是效果还是不错的