各种CSS样式控制优先级(解决样式冲突)
发表于4年前(Dec 24, 2014 2:36:42 PM)  阅读 1889  评论 0
CSS控制页面样式有四种方法:
1、行内方式
行内方式是4种样式中最直接最简单的一种,直接对HTML标签适用style=””,例如:
<p style=”color:#F00; background:#CCC; font-size:12px;”></p>
虽然这种方法比较直接,在制作页面的时候需要为很多的标签设置style属性,所以会导致HTML页面不够纯净,文件体积过大,不利于搜索蜘蛛爬行,从而导致后期维护成本高。
2、内嵌方式
内嵌方式就是将CSS代码写在<head></head>之间,并且用<style></style>进行声明,例如:
<style type=”text/css”>
<!–
#div1{width:64px; height:64px; float:l