css中奇怪的地方

1.border-color

     继承内部元素前景色(color:black.可能对元素本身没有效果)

2.border-style:none;//不仅样式没了，border-width也变为0
3.margin、padding百分数继承父元素width

4.背景是固定的（fixed），background-attachment:fixed,则都是从窗口左上角开始定位，而不是本身元素

5.clear原理：在块元素上方加一个清除区域，使内容区顶端正好与浮动块底端紧挨，但块元素的margin-top会看上去消失，如果想在浮动元素和clear原素间加一点距离，可给浮动元素加margin-bottom以加大浮动框大小

6.对于绝对定位元素来说，设置宽高不一定必要，会由偏移隐含确定

7绝对定位（从左到右）：有auto

     高度/宽度为auto：非替换元素，自适应；替换元素，原有宽/高

     水平看left/right,垂直看top

     若仍有right/bottom为auto,margin为auto的设为0

     margin-top、bottom或margin-left、right仍为auto,将其设置为相等值，居中效果

     剩下一个auto,自适应

8.渐变可用于内容（content）填充，《html5+css3》p439

9.设置渐变背景，-moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1)),url(img/bck.jpg);

 

纯属个人意见，欢迎批评指正