CSS笔记总结（Xmind格式）：第四天

Xmind鸟瞰图：

简单文字总结：

css知识总结：
浮动float：
    1.left向左浮动，左对齐
    2.right向右浮动，右对齐

浮动特性：
    1.浮动会脱离标准流，不占位置
    2.当子元素全部浮动之后，父盒子会出现高度为0的情况
    3.解决父盒子为0的方法：
        ①给父盒子设置高度
        ②使用overflow：hidden溢出隐藏
        ③添加一个额外的盒子
        ④使用伪元素after

设置列表的样式：
    1.list-style:none去除小黑点的样式 
    2.list-style-image将小黑点设置为图片
    3.list-style-position改变小黑点的位置

position定位属性：
    1.static静态定位
    2.relative相对定位（根据盒子的左上角来进行定位，根据自身原本的位置进行移动，保留原来的位置，不脱离文档流）
    3.absolute绝对定位（根据已有定位的父元素进行定位，不保留原来的位置，脱离文档流）
    4.子绝父相：当某个元素需要使用绝对定位的时候 我们可以给父元素设置相对定位
    5.fixed固定定位（固定在页面中的某个位置，不随页面的滚动而滚动，不保留原来的位置，脱离文档流）
    6.sticky粘性定位（在没有达到预定位置之前是相对定位，达到之后是固定定位）

层级z-index:层级 只针对定位的层级，所有定位元素的默认值都是0,谁的值大谁在上面

详细Xmind原文档，在文章顶部自取下载！