在使用css修饰时，会遇到多个修饰语句，最终是哪个修饰语句实现有时很头疼，现在来分别讲解一下：
- 外部样式表：
<span style="font-size:18px;"><link href="123.css" rel="stylesheet" type="text/css"></span> - 内部样式表：
<span style="font-size:18px;"><style type="text/css">.classname{width:100%}</style></span> - 内联样式
<span style="font-size:18px;"><div width="80"></div></span>若多重样式将层叠为一个：
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
- 浏览器缺省设置（即默认）
- 外部样式表（引用的css）
- 内部样式表（位于 <head> 标签内部）
- 内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着如果定义了内敛的某个元素属性的css，在其他地方修饰都不会起作用。
-
而且外部样式表和内部样式表各自也有自己的先后顺序，后写的会具有有更高的权限，比如
最终属性为width:60px之前的会覆盖掉。<pre name="code" class="css"><style type="text/css"> .classname{width:20px} .classname{width:60px} </style>
110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
