CSS
qq_35534823
这个作者很懒,什么都没留下…
展开
-
读 You Don't Know CSS 笔记
一,CSS的盒子位置CSS布局的核心在于如何将一系列HTML元素映射到一组盒子上,这些盒子被放在x-y-z坐标系里。盒子的x和y坐标事实上是由布局方案(position scheme)决定。 而z坐标是由层叠水平(stacking level)来决定。本篇文章主要讨论CSS2.1中引入的position scheme: normal flow,floats 和 absolute position。P转载 2016-12-04 16:43:22 · 323 阅读 · 0 评论 -
读《You Don't Know CSS(二)》 读书笔记
Float positioning schemefloat本来就是用于实现文本环绕图片效果的,其实其却成为了现代栅格布局的基础。一旦你理解normal flow是如何工作和inline formatting context是如何切割成line box 的,float就很好理解了。设置’float’属性可以使得元素使用float position scheme。float可以理解为一个脱离normal原创 2016-12-04 17:01:18 · 285 阅读 · 0 评论 -
关于css动画的优化
css 动画原创 2017-05-04 02:10:04 · 1314 阅读 · 0 评论 -
性能优化——CSS和JS的加载和执行
浏览器的渲染机制HTML渲染过程的一些特点顺序执行,并发加载通过词法分析,通过HTML生成Token对象(当前节点的所有子节点生成后,才会通过next token获取到当前节点的兄弟节点),最终生成Dom Tree浏览器中可以支持并发请求,不同浏览器所支持的并发数量不同(以域名划分),以Chrome为例,并发上限为6个。优化点: 把CDN资源分布在多个域名下是...原创 2018-02-23 18:49:43 · 4092 阅读 · 0 评论