摘要：
z-index它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-index z-index 阅读全文
摘要：
相对定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： top、bottom、left、right 特性： 1.不脱标 阅读全文
摘要：
浮动元素的四大特性： 1.浮动的元素脱标（脱离标准文档流） 2.浮动的元素互相贴靠 3.浮动的元素由"子围"效果 4.收缩的效果 清除浮动的四种方法： 给父盒子设置高度 clear:both 伪元素清除法 overflow：hidden 伪元素清除法： div::after{ display: bl 阅读全文
摘要：
width：内容的宽度 height: 内容的高度 padding：内边距，边框到内容的距离 border: 边框，就是指的盒子的宽度 margin：外边距，盒子边框到附近最近盒子的距离 盒子的真实宽度=width+2*padding+2*border 盒子的真实宽度=height+2*paddin 阅读全文
摘要：
行内元素： 与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。 块级元素： 霸占一行，不能与其他任何元素并列； 能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100% 块级元素可以转换为行内元素： 一旦，给一个块级元素（比如div）设置： display: inline; 那 阅读全文
摘要：
常用背景相关属性： 属性描述 background-color 规定要使用的背景颜色。 background-image 规定要使用的背景图像。 background-size 规定背景图片的尺寸。 background-repeat 规定如何重复背景图像。 background-attachmen 阅读全文