标签：
转载自：http://www.cnblogs.com/ctriphire/p/4159935.html
同一级别
同一级别中后写的会覆盖先写的样式
规则是多个级别的组合，把选择器中规则对应做加法，比较权值，如果权值相同那就后面的覆盖前面的了，各个选择器的权值为：
并不是所有的属性对行内元素都能够生效
我们在写字体的尺寸的时候常用的单位有
这些字体分别有什么含义？
img标签，无论显示与否，图片都会被加载（所以试图通过对图片display:none来达到节省网络流量的做法就省省吧。。。）经常使用backgroung-image等css属性为页面添加图片，这些图片是不是一定会被加载呢，看个例子
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.useless{
background-image: url(images/0.jpg);
}
.hidden{
background-image: url(images/1.jpg);
}
.none{
background-image: url(images/2.jpg);
}
.parentHidden{
background-image: url(images/3.jpg);
}
.parentNone{
background-image: url(images/4.jpg);
}
</style>
</head>
<body>
<div class="hidden"></div>
<div class="none"></div>
<div style="visibility:hidden;">
<div class="parentHidden"></div>
</div>
<div style="display:none;">
<div class="parentNone"></div>
</div>
<div style="display:none">
<img src="images/5.jpg"></div>
</body>
</html>
看一下网络监视情况
我们可以发现图片0和4没有被下载，0是没有用到的CSS，4是父容器的display被设为none的情况，这两种情况下的CSS引用的图片是不会被加载的，而父容器设置visibility属性为hidden仍然会加载图片
也就是说css当中设置了background-image但html当中未引用这个css样式那么此样式中的background-image图片不会被加载
另外就是css当中设置了background-image但是html当中引用此样式的父容器的display:none，这样情况下图片也不会被加载！
CSS 一些基础知识(优先级、行内元素的一些属性、font-size单位) 怎样不加载图片
标签：
原文地址：http://www.cnblogs.com/king-bj/p/5129464.html
