- 博客(5)
- 收藏
- 关注
RSS订阅原创 让div水平垂直居中
方法一、用绝对定位让div水平垂直居中div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: red; width: 100px; height: 100px
2021-01-05 16:40:29
118
原创 js基础：let、const和var的区别
let、const和var的区别ES6 新增了 let 和const命令，用来声明变量。它的用法类似于 var ，但是所声明的变量，只在对应块级作用域内有效。声明次数：var 允许重复声明，第二次声明会覆盖第一次声明的值，let重复声明会报错。变量作用域不同：var是全局作用域，let是块级作用域。变量提升：var支持变量提升，let不能变量提升。const一般定义常量，使用时必须初始化赋值，只能在块作用域里访问，而且不能修改。...
2021-01-04 17:07:10
92
1
转载 重排和重绘
本文转载于:浏览器的渲染过程用于记录学习成长过程浏览器渲染的主要过程（1）解析HTML文件，构建 DOM Tree（2）解析CSS，构建 CSSOM Tree(CSS规则树)（3）将 DOM Tree 和 CSSOM Tree合并，构建Render tree(渲染树)（4）reflow(重排)：根据Render tree进行节点信息计算（Layout）（5）repaint(重绘)：根据计算好的信息绘制整个页面（Painting）注意点： 理论上，每一次的DOM更改或者css几何属性更改，都
2020-12-26 13:17:40
373
原创 flex布局
flex布局(学习笔记)flex 是 flexible Box 的缩写，弹性布局。当我们为父盒子设为 flex 布局以后，子元素的 float、 vertical-align 属性将会失效。flex布局父级常用的属性：flex-direction：设置主轴的方向flex-wrap：设置子元素是否换行flex-flow：可以同时设置flex-direction、flex-wrap属性justify-content：设置主轴上的子元素排列方式align-content：设置侧轴上的子元素的排列方
2020-12-26 11:51:42
114
原创 CSS常用布局（两栏布局和三栏布局）
CSS常用布局两栏布局左边固定，右边自适应(固定的div放在自适应的上面)<body> <div class="left"></div> <div class="right"></div></body>浮动法 .left { float: left; width: 200px; height: 200px; b
2020-10-28 12:04:06
236
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人