
CSS
很小白的小白
励志成为前端架构师。
展开
-
浏览器渲染原理
浏览器渲染原理: 处理HTML 生成DOM树 处理CSS 生成CSSDOM树 将两树合并成render 树 对render树进行布局计算 将render树中的每一个节点绘制到屏幕 细化分析: 浏览器把获取到的html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对象(<html> tag),当然这里包含用js动态...原创 2018-08-14 00:27:12 · 133 阅读 · 0 评论 -
移动端padding和margin的百分比设置实现占位
资源请求和加载都是需要时间的。对于图片一些内容的展示,当图片没有加载出来时。容器高为零,那么下面的dom元素会上移。当图片加载后,会容器撑开。这样会造成页面的重排。 为了解决以上问题我们可以使用padding的百分比占位实现(或者margin)。 让我们把padding这是为百分比时。他百分比对应的是父级的宽的比(W3C规定) 我们就实现了占位。我们需要占位的空间添加内容,这时我们就需要定位...原创 2018-10-16 21:20:50 · 978 阅读 · 0 评论