- 博客(3)
- 收藏
- 关注
RSS订阅原创 页面渲染流程
解析文档构建DOM树解析HTML，生成DOM树解析CSS，生成CSSOM树解析JS，遇到<script>标签，立即执行脚本，所以需要放在HTML底部，可以操作DOM树和CSSOM树构建渲染树根据DOM树，CSSOM树生成渲染树布局和绘制渲染树对渲染树的每个节点进行布局处理遍历渲染树并绘制每一个节点重排和重绘重排：display:none大小，位置，折叠展开重绘visibility:hidden背景颜色，文字颜色，下划线，阴影
2021-08-03 01:00:25
37
原创 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
56
原创 CSS行内元素/块级元素/行内块级元素的区别
CSS行内/块级/行内块级行内块级行内块级行内举例：<span> <i> <u>特点：不会以新行开始不可设置宽高，宽高由内容决定可以设置行高margin 左右有效 上下无效包含的行内元素会被视为同级行内元素块级举例：<div> <h1> <p>特点：会新起一行可以设置宽高可以包含行内和块级元素，可以设置对齐行内块级举例：<
2021-08-02 17:26:09
51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人