更多 标签 'CSS'
  • 加快页面渲染的两个小技巧
  • 这是一个小技巧,为页面中所有图片指定宽度和高度可以消除不必要的reflows和重新绘制页面【repaints】,使页面渲染速度更快。当浏览器勾画页面时,它需要能够流动的,如图片这样的可替换的元素。提供了图片尺寸,浏览器知道去环绕附近的不可替换元素,甚至可以在图片下载之前开始渲染页面。
  • 根据浏览器渲染特性高效使用CSS选择器
  • 我们花了很多精力与篇幅去介绍浏览器的工作原理,那么可以应用在什么地方呢?你可以以此为参考设计一个浏览器,但是更多地,可以让你写出一些高效的CSS代码,让网页速度更快,因为这点还是比较容易做到的,写一个浏览器毕竟难度还是比较大。
  • 简单剖析CSS的解析规则
  • 一个级联样式表(CSS)是由一系列的规则组成的,每一条规则是由一个选择器和若干条声明组成的。每条声明是一个键值对,由属性和值组成。CSS是上下文无关的语法,可以使用自上而下解析器或自下而上解析器。下面以 Webkit 为例,看看它的 CSS 解析。
  • 利用浏览器CSS渲染原理写出高性能的CSS代码
  • 在 复述一下浏览器呈现引擎的基本工作流 这篇文章里,我们谈到了渲染引擎加载页面时浏览器的具体工作流程。粗略地说,就是构建一个dom树,页面要显示的各元素都会创建到这个dom树当中,每当一个新元素加入到这个dom树当中,浏览器便会通过css引擎查遍css样式表,找到符合该元素的样式规则应用到这个元素上。
  • CSS样式表层叠顺序的应用规则
  • 样式对象具有每个可视化属性一一对应的属性(均为 CSS 属性但更为通用)。如果某个属性未由任何匹配规则所定义,那么部分属性就可由父代元素样式对象继承。其他属性具有默认值。如果定义不止一个,就会出现问题,需要通过层叠顺序来解决。
  • 浏览器对CSS样式规则的匹配
  • 我们在写 CSS 的时候,class 只需在 css 文件定义 .nowamagic{} 之类,id 则定义 #nowamagic{} 就可以了,那么在本小节里,会顺便介绍浏览器 CSS 匹配的规则。如果不进行优化,为每一个元素查找匹配的规则会造成性能问题,CSS 规则匹配可能比较棘手。
  • 浏览器CSS解析的词法语法初步介绍
  • 和 HTML 不同,CSS 是上下文无关的语法,可以使用简介中描述的各种解析器进行解析。事实上,CSS 规范定义了 CSS 的词法和语法。让我们来看一些示例吧。词法语法(词汇)是针对各个标记用正则表达式定义的……
更多 推荐文章

Welcome to NowaMagic Academy

现代魔法 推荐于 2013-02-27 10:23

更多 目录树
更多 热门小组
魔法达人