发表于: 2021-03-20 21:11:42
1 990
今天完成的事情:任务六搭建;查看学习资料;bootstrap的了解。
明天计划的事情:任务六,基础的东西多记多巩固。
遇到的问题:bootstrap的套用不顺;
收获:
bootstrap 是基于 HTML、CSS、JS的,它简洁灵活,使得 前端开发更加快捷
bootstrap运用由:bootstrap 基本结构、bootstrap CSS、bootstrap 布局组件和 bootstrap 插件几个部.。
position(位置)属性的多次运用,加深了解:详细:
position: static(静态):元素静态定位,不受 top、bottom、left 和 right 属性的影响;始终根据页面的正常流进行定位。
position:relative(相对):元素相对于其正常位置进行定位。
设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。
position:fixed(固定):元素是相对于视口定位的,始终位于同一位置。 top、right、bottom 和 left 属性用于定位此元素。
position: absolute(绝对); 元素相对于最近的定位祖先元素,进行定位;不是相对于视口定位。
如果绝对定位的元素没有祖先,它将使用文档主体(body),并随页面滚动一起移动。
osition: sticky(粘性):元素根据用户的滚动位置进行定位。粘性元素根据滚动位置在相对(relative)和固定(fixed)之间切换。
起先它会被相对定位,直到在视口中遇到给定的偏移位置为止 ,然后将其“粘贴”在适当的位置,如同position:fixed固定。
z-index(重叠元素):元素进行定位时,它们可以与其他元素重叠。元素可以设置正或负的堆叠顺序。
属性可指定元素的那个在前,哪个在后。具有较高堆叠顺序的元素始终位于具有较低堆叠顺序的元素之前。
如果两个定位的元素重叠而未指定 z-index,则位于 HTML 代码中最后的元素将显示在顶部。
评论