- 博客(3)
- 收藏
- 关注
RSS订阅原创 页面渲染流程
解析文档构建DOM树 解析HTML，生成DOM树 解析CSS，生成CSSOM树 解析JS，遇到<script>标签，立即执行脚本，所以需要放在HTML底部，可以操作DOM树和CSSOM树 构建渲染树 根据DOM树，CSSOM树生成渲染树 布局和绘制渲染树 对渲染树的每个节点进行布局处理 遍历渲染树并绘制每一个节点 重排和重绘 重排： display:none 大小，位置，折叠展开 重绘 visibility:hidden 背景颜色，文字颜色，下划线，阴影
2021-08-03 01:00:25
35
原创 CSS元素及文字水平垂直居中
元素水平垂直居中两种方法 transform #son { top: 50%; left: 50%; transform: translate(50%, 50%); } flex #father { display:flex; justify-content:center; align-items:center; } 文字水平垂直居中 #father{ height:100px; text-align:center; line-height:100px; } ...
2021-08-02 22:00:03
51
原创 CSS行内元素/块级元素/行内块级元素的区别
CSS行内/块级/行内块级行内块级行内块级 行内 举例：<span> <i> <u> 特点： 不会以新行开始 不可设置宽高，宽高由内容决定 可以设置行高 margin 左右有效 上下无效 包含的行内元素会被视为同级行内元素 块级 举例：<div> <h1> <p> 特点： 会新起一行 可以设置宽高 可以包含行内和块级元素，可以设置对齐 行内块级 举例：<
2021-08-02 17:26:09
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人