文档流:行内元素和块级元素在页面占用的位置,依次排序
块元素在文档流中会独占一行。块元素自上向下排列
行内元素在文档流中只独占自身的大小,会默认从左往右排列
浮动:让多个元素显示在同一行,便于布局
当遇到上一个浮动元素或者父级元素就会停止
设置浮动相当于设置一个行内块
缺点就是浮动元素会影响后面元素的布局
解决浮动的方法:
1.给父级设置overflow:hidden
2.用父级将浮动元素包裹,并设置对应的宽高
3.伪元素清除浮动
clear:both 同时清除前面的左右浮动元素带给我的影响
隐藏元素的方法
1.display:none元素不可见,不占据空间,相当于无
2.visibility:hidden元素不可见,占据空间,无法响应点击事件
3.opacity:0 改变透明度,元素不可见,占据页面空间,可以响应点击事件
清除无序列表前面的点:list-style:none
将鼠标设置为手指:cursor:pointer
相对定位:相对于自身原来的位置进行了移动
绝对定位:相对于页面的定位,如果父级有定位,那么就会相对于父级进行定位
绝对定位是相对于上一个已经定位的元素进行定位
固定定位:以浏览器窗口作为参照来定义网页元素
定位一定要和偏移量一起使用
HTML+CSS基础
最新推荐文章于 2024-08-17 22:24:13 发布