css
老少年的小迷妹
这个作者很懒,什么都没留下…
展开
-
浏览器渲染页面的学习笔记
一、浏览器的进程与线程JavaScript是单线程的,但是浏览器是多线程的,当我们使用Chrome浏览器打开一个网页时,浏览器会开启浏览器渲染进程来完成页面的渲染,该进程又包括多个线程:1)GUI渲染线程,负责渲染浏览器界面元素,解析HTML、CSS、构建DOM树和RenderObject树、布局和绘制等,当界面需要回流或重绘时都会触发该线程;2)js线程,执行js代码,与渲染线程互斥;3...原创 2020-03-15 20:58:07 · 151 阅读 · 0 评论 -
双飞翼布局的学习笔记~
双飞翼布局相较于圣杯布局来说,两者都是采用了浮动元素,但在解决中间元素被挡住的问题时,圣杯布局采用的是为父元素设置padding-left和padding-right,为左边的元素设置position:relative和left属性解决;双飞翼布局则是额外使用一个浮动元素包裹中间元素,为中间元素设置margin-left和margin-right,再对左右元素设置负外边距来解决的。那么,双飞翼布...原创 2020-03-14 16:41:55 · 159 阅读 · 0 评论 -
圣杯布局的学习笔记~
圣杯布局的优点就是优先渲染中间的元素,如下结构所示,浏览器渲染时是按序执行,因此会优先渲染center元素。<div class="container"> <div class="center"></div> <div class="left"></div> <div class="right">&l...原创 2020-03-14 14:41:40 · 129 阅读 · 0 评论