-定位 css三大特性

day35 定位、三大特性
一 、定位position
属性 top、bottom、left、right 偏移量，定义元素相对于其父元素
1、Static静态定位(默认定位方式) 在静态定位状态下，无法通过边偏移属性（top、bottom、left或right）来改变元素的位置。
2、Relative相对定位 通过边偏移移动位置，但是原来的所占的位置，继续占有。每次移动的位置，是以自己的左上角为基点移动（相对于自己来移动位置）
3、Absolute绝对定位 分父级没有定位，父级有定位。如果文档可滚动，绝对定位元素会随着它滚动。通过边偏移移动位置，但是它完全脱标，完全不占位置。
子绝父相(常用)：子级是绝对定位的话，父级要用相对定位。子绝父绝也是有的。具体定位要看具体的实现要求
定位的盒子可以水平或者垂直居中 ： left 50%父盒子的一半大小后margin-left(自己外边距负的一半值)
4、Fixed固定定位(天猫秒杀) 要点(1)、固定定位的元素跟父亲没有任何关系，只认浏览器。 (2)、固定定位完全脱标，不占有位置，不随着滚动条滚动。
xxx总结的框框
5、跟浮动一样，元素添加了绝对定位和固定定位后，元素模式会转为行内块模式。行内块的宽度和高度与内容有关
6、过z-index属性来决定 重叠后谁在上面,谁在下面。z-index默认为0只可以取整数(包括负整数) 值越大，越优先显示

二、CSS三大特性
1、层叠性 如果对某个标签设置了多个相同属性时，若优先级不同，按高的执行，若相同按后执行的(因为后执行的会把前面的覆盖掉)
2、继承性
子标签会继承父标签的样式,尤其是文本相关,比如字体大小,颜色等(继承的优先级最低)
3、权重性 权重性就是优先级,尤其是发生重叠的时候,优先级高的优先展示样式,同优先级就近原则
继承 : 最低 0000 * : 0000比继承高 标签 : 0001 .类 : 0010 #id : 0100 行内 : 1000 !Important : ∞
权重性计算，不会发生进位。 如12个div加起来，不是0012 而是 000 12 依然不如1个clss 优先级高

分析布局，来个大轮廓(这个考虑仔细一点)。从大向小设置
通常都要清空默认 内外边距
height：35px line-height：35 -------这样文字垂直居中显示
常用ui li来布局。 使用，这样可不必用很多div和class
清除默认的内外边距
单个边框是可以使用 负数的。
标签上的background(背景) 与img(图片)是有区别的