基础知识:标准流
1.HTML中的三种布局方式:标准流(按顺序布局),浮动,定位;
2.html可以分为两大元素:
块级元素(div、h1-h6标题、有序无序列表「ol、ul、li」、table表格、p段落、···)
区别:独占一行。
内联元素(a超链接、span文字、img图片、input控件、)
区别:内联元素和相邻内联元素在同一行,如果一行内宽度不够时才会被挤到另一行去。
这两种元素的排列方式呢,是在没有特殊属性的干扰下,在正常的标准流中所表现出来的正常
Postion
postion中的可选参数
static 标准文档流,默认设置的值
relative 相对于自己原来的位置进行定位,left、right、top、bottom来改变位置。
absolute 相对于父类元素(非static)进行定位。父类元素需要是absolute或者relative。
fixed 固定定位 原来的位置会被后面的元素占用(可以用来做广告,弹窗等,它的位置不会随着浏览器的滚动而改变)
Z-index可以设置元素的叠加顺序,但依赖定位属性
z-inde大的元素会覆盖z-index小的元素
z-inde为auto的元素不参与层级的比较
z-inde为负值,元素被普通流中的元素覆盖