css2

1.定位技术：
说明：在浏览器中把某个或某些元素进行位置的定位。

（1）fixed：固定定位
说明：固定定位的元素是以浏览器窗口来定位的方式；脱离原来的文档流，不再占用空间。
语法：position:fixed;
Top:10px;
bottom：20px;

（2）relative：相对定位
说明：定位元素相对于原来的自己进行定位的方式，脱离普通的文档流，但是依然会占用空间；

（3）绝对定位：
说明：定位元素相对与它的上级来进行的定位方式，上级的意思就是“父，祖，上”，绝对定位元素会往上级进行查找是否有其他定位（固定和相对），如果找到其他定位就按照上级的方式进行定位，如果没有会以body进行定位。上级一般用绝对定位

案例：



2.兼容性
说明：兼容性也就是浏览器的显示效果不愿意造成浏览器在显示有差异，在某个浏览器正常，在其他浏览器不正常；
浏览器厂商：ie浏览器和非ie浏览器；
Ie浏览器：6，7，8，9，10，11；
非ie：谷歌，火狐，欧朋，safari；
兼容性一般说的ie浏览器的678，原因就是ie不跟W3C标准来开发浏览器
企业站，政府网站

（1）.在ie6中元素如果加float和margin左右，会双倍的显像
解决方式：在当前的元素上加display：inline；
（2）.ie6上下的margin会合并
解决方式：

（3）每个浏览器的默认设置都不一样，所以必须初始化
Margin:0px;
Padding:0px;
Ul,li:list-style:none;
Img:border:0px;如果图片在超链接内部在ie中会出现蓝色的边框
Body:font-size:14px;
3.继承性
说明：HTML标记内部的元素可以继承外部的样式，所以有点时候可以不用设定最底层的元素；

4.优先级
通配符（*） 标记 类 id 后代 子类 伪类 多元素
内嵌 行内 外联 @import

优先级：离当前的元素越近，优先级越高。
Id > class > 后代 > 子类 >标记 >通配符

     行内 >  内嵌 > 外联>

5.其他常用属性：
（1）overflow：
说明：溢出隐藏

（2）z-index
说明：设置元素的叠加层级，值越高，显示的层级越高。

（3）Cursor
说明：鼠标显示效果，如：小手，十字等；