如何运用CSS3把元素从一种样式变换为另一种样式

div class="box1"/div

10余年专注成都网站制作，企业网站制作，个人网站制作服务，为大家分享网站制作知识、方案，网站设计流程、步骤,成功服务上千家企业。为您提供网站建设,网站制作,网页设计及定制高端网站建设服务,专注于企业网站制作,高端网页制作,对成都生料搅拌车等多个方面，拥有多年的网站维护经验。

style type="text/css"

body{margin:0;padding:0}

.box1{height:300px;width:300px;background:#3695d5;}

.box1{/*过渡效果*/

transition: width 2s;

-moz-transition: width 2s; /* Firefox 4 */

-webkit-transition: width 2s; /* Safari 和 Chrome */

-o-transition: width 2s; /* Opera */

}

.box1:hover{background:#dcdcdc;height:400px;width:400px}/*使用伪类hover，鼠标悬浮选取元素，改变样式*/

/style

如何将CSS样式转换为HTML标签

简单的可以用楼上的方法转换，如果一大篇，而且定义了很多Class，如

.cls {

width: 10px;

height: 20px;

}

这样的样式，全部转换为 HTML，那是很费功夫的，因为所有用到这个类的标签都要写 style="width:10px;height:20px"。而且一个标签可能不止用到一个类，那就得把所有类的内容都写到 style 里面，还得考虑相同的项。

CSS 样式是绑定到 HTML 标签上的内容，不是互相转换的关系。

请问怎样转换CSS样式

楼主说的应该是更换网页皮肤吧。关键代码在这里：

link

href="style_change/black/sty_black.css"

rel="stylesheet"

type="text/css"

id="ch_css"

/

点击某个按钮的时候，用JS获取link标签的id，即获取这个link对象，然后通过JS更换href链接到另一个CSS样式表，达到换肤的目的。

分享名称：css样式转换,css格式化
文章来源：http://pwwzsj.com/article/dsdhpdj.html