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,谁的值大谁在上面