CSS小记

1. fixed定位脱离文档流与float有什么区别？

• 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依旧会为这个元素让出位置，环绕在周围；而对于使用absolute和fixed的position脱离文档流的元素，其他盒子内的文本依然会无视它。

2. 合并CSS的方法

假设有三个样式表
red.css blue.css green.css
创建一个主样式表color.css,在这个主样式表中对其他三个样式做一个引用。
@import “red.css”
@import “blue.css”
@import “green.css”
然后使用的时候，只需要调用color.css就可以了。

3. outline-offset属性有什么作用

• CSS3的outline-offset属性用于对轮廓进行偏移，并在边框边缘进行绘制；可以通过length值设置轮廓与边框边缘的距离。
• 轮廓与边框有两点不同：轮廓不占用空间，轮廓可能是非矩形的。
• IE和Opera不支持该属性。

        .offset_demo{
            width: 200px;
            height: 130px;
            border: solid 1px #aadb56;
            outline: solid 2px #ec8a8a;
            outline-offset: 10px;
            /*outline-offset有两个值：
            length(规定轮廓与边框的距离)
            inherit(规定应从父元素继承 outline-offset 属性的值)*/
        }

效果图：