HTML+CSS基础

文档流：行内元素和块级元素在页面占用的位置，依次排序

              块元素在文档流中会独占一行。块元素自上向下排列

              行内元素在文档流中只独占自身的大小，会默认从左往右排列

浮动：让多个元素显示在同一行，便于布局

           当遇到上一个浮动元素或者父级元素就会停止

           设置浮动相当于设置一个行内块

           缺点就是浮动元素会影响后面元素的布局

解决浮动的方法：

            1.给父级设置overflow:hidden

            2.用父级将浮动元素包裹，并设置对应的宽高

            3.伪元素清除浮动

clear:both  同时清除前面的左右浮动元素带给我的影响

隐藏元素的方法

            1.display:none元素不可见，不占据空间，相当于无

            2.visibility:hidden元素不可见，占据空间，无法响应点击事件

            3.opacity:0 改变透明度，元素不可见，占据页面空间，可以响应点击事件

清除无序列表前面的点：list-style:none

将鼠标设置为手指：cursor:pointer

相对定位：相对于自身原来的位置进行了移动

绝对定位：相对于页面的定位，如果父级有定位，那么就会相对于父级进行定位

                  绝对定位是相对于上一个已经定位的元素进行定位

固定定位：以浏览器窗口作为参照来定义网页元素

定位一定要和偏移量一起使用