很简单，只要把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>
1.使用STYLE属性: 将STYLE属性直接加在个别的元件标签里。 <元件(标签) STYLE="性质(属性)1: 设定值1性质(属性)2: 设定值2...} 例如: <TD STYLE="COLOR:BLUEfont-size:9ptfont-family:"标楷体"line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。
2.
使用STYLE标签: 将样式规则写在<STYLE>...</STYLE>标签之中。 通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD></HEAD>部
网页现在的新标准是W3C。目前的模式是html css javascript，如何理解呢，就是html是网页的结构，CSS是网页的样式，javascript是行为。结构就是盖房子先要把结构建出来，然后用CSS来装饰。其实你在用dreamweaver做网页时就已经用到了CSS，比如你用DW的属性面板来设置一个字的字体、颜色和大小，当你选好后，就会自动生成一个.style1的红色代码，在<style></style>之间不知道你注意过没有，这就是CSS,这样讲的话你应该能理解html和CSS的区别了吧。CSS的名称就叫“层叠样式表”,从字面也就能理解了。我之前就在慕课网学过，还是不收费用的哦。。快看看去//欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）