学习心得

盒子的定位
定位方式：position属性可以选择四种不同类型的定位方式，语法如下。
static、relative、absolute、fixed
relative生成相对定位的元素，static静态定位默认值，为无特殊定位，对象遵循HTML定位规则
absolute生成绝对定位元素。元素的位置通过left、top、right和bottom属性进行规定
fixed生成绝对定位的元素
浮动的元素无法超出父元素的边框和内边距范围
元素的定位属性主要包括定位模式和边偏移两部分，如果边偏移没写就指边偏移为0
静态定位是元素的文档流的位置状态
相对定位relative 1.原位置保留
2。它的边偏移是以原位置为参考的。
3.绝对定位是拼爹型，如果父辈都没有定位则以body进行定位
绝对定位后，该元素原位置将被下面的元素占有，原位置不保留。
4.固定定位是特殊的绝对定位，他是以浏览器窗口作为参考的
z-index层叠等级属性
默认的层级为0，当元素设置定位后其层级均为正值{浮在空中}
正值越大在空间上就越靠上
在网页设计中用到绝对定位时，往往是子绝父相。