摘要：浏览器内核又叫渲染引擎，主要负责的解析，页面布局渲染与复合层合成。页面呈现原理规范定义了的词法及语法文法。解析器使用和解析生成器从语法文件中自动生成解析器。回忆一下解析器的介绍，创建一个自底向上的解析器，使用自顶向下解析器。 浏览器内核又叫渲染引擎，主要负责 HTML、CSS 的解析，页面布局、渲染与复合层合成。浏览器内核的不同带来的主要问题是对 CSS 的支持度与属性表现差异。 we...
摘要：简评是一种很耗时的操作，如果有良好的命名规范可以节约很多的时间。一些团队使用连字符分隔符，而其他团队则倾向于使用更加结构化的称为的命名规范。一般来说，命名规范有三个问题要解决能够通过名字就能清楚选择器的功能。 简评：Debug CSS 是一种很耗时的操作，如果有良好的命名规范可以节约很多的 Debug 时间。 使用连字符（-）分隔字符串 你可能习惯了在 Javascript 中使用小驼...
摘要：原本自己也想画，正巧看到一位外国友人她的个人网站。也用相同的方法画了。且细节相当到位。在此我也分享一下。第三步蝴蝶结第四步身体经过前几次的学习之后，画身体应该没什么难度了吧，都是用各种形状的圆组成的。收工欢迎大家吐槽 原本自己也想画Hello Kitty，正巧看到一位外国友人Lauren McConachie（她的个人网站： http://lorenai.com。）也用相同的方法画了。...
摘要：裁剪路径可以将如或自由变化的应用于任何元素。元素中不在形状边界内的任何内容都将被裁剪删除掉。例如，我们可以从内容隐藏完全裁剪开始，并增大裁剪路径以显示其中的内容。 随着浏览器对shape-outside和clip-path等属性的支持增加，CSS Shapes越来越受到关注。有几种方法可以使用CSS Shapes，特别是clip-path属性，乍一看我们并不知道这个属性如何使用，下面就...
摘要：第一种方式第二种方式 1.extend /* extend */ ul { &:extend(.inline); background: blue; } .inline { color: red; } output: /* extend */ ul { background: blue; } .inline, ul { color: red; } 1.1 Ext...
