html由css+js+html构成
学习html,布局很重要,布局常用的<div>块边框<border>内边距<padding>,外边距<margin>
其中<div>也称为盒子,用来创建一个分区块或一个区域部分,常用于组织元素,是使用非常频繁的一个标签,可以设置position来定位
position(硬性布局)的五种属性static,absolute,relateive,fixed,sticky
absolute(绝对定位):绝对定位的元素相对于最近的定位祖先元素进行定位。如果没有定位祖先元素，则相对于文档的主体（body）进行定位。绝对定位的元素会脱离文档流，不占据原来的位置。
相对定位（relative）:相对定位的元素相对于其正常位置进行定位。设置相对定位的元素的top、right、bottom和left
固定定位（fixed）
固定定位的元素相对于视口进行定位，这意味着即使滚动页面，它也始终位于同一位置。固定定位的元素不会在页面中通常应放置的位置上留出空隙。
粘性定位（sticky）
粘性定位的元素根据用户的滚动位置在相对定位和固定定位之间切换。起初它会被相对定位，直到在视口中遇到给定的偏移位置为止，然后将其“粘贴”在适当的位置。
静态定位（static）
静态定位是HTML元素的默认定位方式，元素按照正常的文档流进行定位，不受top、right、bottom和left属性的影响。
display(弹性布局)
-
block：元素将显