摘要:
对大布和裁纸刀下(补充)的版本合并后进行了修正 原文:Optimize browser rendering资源被下载到客户端后,浏览器仍需加载,解释,并渲染HTML、CSS和Javascript代码。只需利用现有浏览器的特性简单地编排你的代码和页面,就可以提升客户端的性能。使用高效率的CSS选择器避免CSS expressions将样式表放在页面顶部指定图像尺寸尽早指定文档的字符编码使用高效率的CSS选择器 概述避免低效的匹配大量元素的关键选择器 可以加快页面渲染。【译者注:参看高效渲染CSS学习写高效的CSS选择器】详细信息当浏览器解析HTML时首先构造一个内部文档树(document tr 阅读全文
随笔分类 - 03-译文整理
高效渲染CSS
2012-03-14 15:43 by iBlog, 3365 阅读, 收藏,
摘要:
译自:http://css-tricks.com/efficiently-rendering-css/无可否认我并不经常考虑这个问题… 我们书写的CSS的效率如何,浏览器渲染它的速度如何?浏览器的开发者肯定关心这个问题(页面加载越快,人们用着越开心)。Mozilla有篇文章 about best practices。Google同样致力于让web更快,他们也有篇文章article about it。先来了解一下他们提出的主要想法,然后讨论其实用性。#从右至左#弄明白浏览器是怎样解读CSS选择器的重要一件事情是:浏览器按“从右向左”读取。意味着在选择器 ul > li a[title=&q 阅读全文
只用CSS美化选择框
2012-03-02 11:04 by iBlog, 107836 阅读, 收藏,
摘要:
<本文译自Style a Select Box Using Only CSS>当我需要用下拉列表拼凑自定义表单时,我常常不得不使用下拉框(select),由于某些部分是浏览器特定的,如下拉箭头,我花了一段时间去搞清楚如何只使用css轻松地美化下拉框。下面是一个默认样式的下拉框的长相:HTML code:<select> <option>Here is the first option</option> <option>The second option</option></select>一个选择框的某些部分我们 阅读全文