本文共 697 字,大约阅读时间需要 2 分钟。
1.外部样式表
2.内部样式表
3.内联样式
4.多重样式表
1.外部样式表.当样式需要应用于很多页面时,外部样式表将是理想的选择。每个页面使用<link>标签链接到样式表 ,<link>标签在文档的头部
2.内部样式表.当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表
3.内联样式.
由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。不建议使用,例如当样式仅需要在一个元素上应用一次时。
要使用内联样式,你需要在相关的标签内使用样式(style)属性
4.多重样式表。 如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。hello
多重样式表层叠次序:外部样式h1选择器的三个属性:h1{ text-align:right; color:red; font-size:20px}而内部样式表中也有h1的两个属性h1{ text-align:left; color:blue;}如果内部样式表所在的界面同时加载外部样式表则h1得到的样式是 text-align:left; color:blue; font-size:20px只有 font-size属性继承外部样式表
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
转载地址:http://irztb.baihongyu.com/