摘要:
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 阅读全文