CSS小结

怎么用CSS生成一个内凹圆角？

答：学会组合，拆解图形

可用方法：linear-gradient()

（CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变））

目前的几种现代浏览器的内核，主要有 Mozilla（Firefox，Flock等）、WebKit（Safari、Chrome等）、Opera（Opera浏览器）、Trident（IE浏览器）。->360看版本，再console里试了下，是mozilla。

console –>navigator.appCodeName

relative/absolute

relative对absolute 的作用

限制定位：ab: left:0 top:0

限制层级

限制超越overflow

overflow：hidden 不能限制ab

但是加了relative，可以了

relative、fixed

限制z-index层级

relative，定位特性

相对自身定位

无侵入定位：自定义拖拽

top/bottom

left/right

绝对定位是拉伸

相对定位是斗争（top,left）

relative

提高层叠上下文

dom流后面覆盖前面

position：relative(提高层级)

relative z-index :auto->不限制内部absolute层叠问题

IE6，7下，容易出现层级覆盖bug

在实际中，我们对relative的使用，要遵守relative的最小化影响原则