关于css权值的问题

最近迷上html5，看了一些相关学习资料，如今把css中常见易出错易混淆的知识总结一下：

首先说一下关于css样式继承，重叠和特殊性：

有的时候咱们会为同一个元素设置不一样的css样式代码，那么元素会启用哪个css样式呢？

浏览器是根据权值来判断使用哪一种样式的，权值越高，就使用哪一种样式。

下面是权值的规则：

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100

1.特殊性

还有一个权值比较特殊----继承也有权值可是很低，有的文献提出它只有0.1，因此能够理解继承的权限最低。

2.层叠

 可是若是html引用的多个css样式具备相同的权值该会用哪个样式呢？下面就来讲说层叠这个问题。

当有相同权重的样式存在时，浏览器会根据这些css样式的先后顺序来决定，处于最后面的css样式将会被应用，这就不难理解了：

内联样式表（标签内部）>嵌入样式表（当前文件中）>外部样式表（外部文件中）

3.重要性

咱们在作网页代码时，有些特殊的状况须要为某些样式设置最高权值怎么办？这时咱们可使用！important来解决！

这里须要注意的是当网页制做着不设置css样式时，浏览器会按照本身的一套样式来显示网页，而且用户能够在浏览器中设置本身习惯的样式，好比有的用户习惯把字号设置的大一些，使其查看网页的文本更加清楚，这时注意样式的优先级为：浏览器默认的样式<网页制做者的样式<用户本身设置的样式，但记住！important优先级是个例外，权值高于用户本身设置的样式。

待续...