菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 邹润英_前端_221115 [打印本页]

作者: 我想 时间: 2022-11-15 19:59
标题: 邹润英_前端_221115
本帖最后由我想于 2022-11-15 23:13 编辑

一.今日学习：1.css的浮动：为什么要浮动？因为很多的样式用标准流无法完成，浮动可以更好的控制盒子的位置。我们通过float来定义浮动（none不浮动、left左浮动、right右浮动）。总结来说多个块级元素纵向排列找标准流，横向排列找浮动。
                  2.浮动的特性：浮动元素会脱离标准流，浮动元素一行内显示且一行内对齐，相邻元素没有空白间隙，超过父级会自动换行。浮动元素具有行内块元素的特性。浮动可以实现文字环境，并不会压到元素内的文字。
                  3.浮动的注意点：先用标准流父元素进行上下排列，内部的子元素采用浮动排列左右的位置，当一个元素浮动了，那么它的兄弟元素也会跟着移动。
                  4.清除浮动的方法：使用额外标签法、给父级添加overflow-hidden、给父级添加after元素、给父级添加双微元素。
                  5.css的定位：定位模式指的是一个元素在文档中的定位方式，边偏移决定了元素的最终位置。定位模式分为静态定位、相对定位、绝对定位和固定定位。
                  6.静态定位：是元素默认定位方式，按照标准流特性定位摆放盒子的，没有边偏移。
                  7.相对定位：他是相对于自己原来的位置进行移动的，原来的位置依旧占有，相对位置不脱标。
                  8.绝对定位：元素移动时相对于它的子元素来移动。它的特点是如果祖先元素没有定位，就以浏览器为标准定位；如果祖先有定位，则以最近的元素为标准；绝对定位不占有原来的位置，是脱标的。
                  9.固定定位：固定定位是元素固定于浏览器可视区域的位置。它的特点是以浏览器为参照点定位，跟父元素无关，固定定位不在占有原来的位置。
                  10。定位的叠放：使用定位时会出现重叠的情况，使用z-index来定位层叠的顺序。如果定义的属性值相同，则后来者居上。

二.今日问题：块级之间的分布弄不明白。

三.解决方案：查阅资料询问老师得以解决。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)