摘要: 1. 什么是BFC? 浮动元素和绝对定位元素,非块级盒子的块级容器,以及overflow值不为visible的块级盒子,都会为他们的内容创建新的BFC 2. 触发条件? 根元素 浮动元素 绝对定位元素 行内元素 表格单元格 overflow值不为visible的快元素 3.应用场景 / 可以解决哪些 阅读全文
posted @ 2023-02-02 16:22 felix的小黑屋 阅读(28) 评论(0) 推荐(0)
摘要: 这里是头部 左边 中间部分 右边 这里是底部 Document 阅读全文
posted @ 2023-02-02 15:23 felix的小黑屋 阅读(27) 评论(0) 推荐(0)
摘要: 概念:当元素浮动以后可以向左或向右移动,直到它的外边缘碰到包含它的框或者另一个浮动元素为止 元素浮动以后就会脱离正常的文档流,所以文档的普通流中的框就变得好像浮动元素不存在一样 浮动布局的优点: 在图片混排的时候可以很好的使文字环绕在图片周围 当元素浮动起来后,它可以同块级元素一样设置 宽高 浮动布 阅读全文
posted @ 2023-02-02 15:08 felix的小黑屋 阅读(55) 评论(0) 推荐(0)
摘要: 水平居中 1.宽度确定的块级元素 方法一:width和margin的实现,margin:0 auto 方法二:绝对定位 和 margin-left: -width/2, 当然父元素position: relative 2.宽度未确定的块级元素 方法一:inline-block实现水平居中。displ 阅读全文
posted @ 2023-02-02 14:15 felix的小黑屋 阅读(38) 评论(0) 推荐(0)
摘要: 浏览器渲染引擎工作流程大致分为5步: 创建DOM树 —— 创建StyleRules(cssom树) —— 创建Render树 —— 布局 —— 绘制 1. 用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建) 2. 用CSS分析器,分析css元素和样式上的inline样式,生成页面 阅读全文
posted @ 2023-02-01 17:44 felix的小黑屋 阅读(754) 评论(0) 推荐(0)