不同浏览器元素的默认属性有所不同，应用Reset可重置阅读器元素的一些默认属性，以到达浏览器的兼容。但需要留神的是，请不要使用全局Reset： 那么对这样一个段落 CSS学起来并不难，但在大型名目中，就变得难以治理，特殊是不同的人在CSS书写作风上稍有不同, 高效整洁CSS代码原则 (下) ，团队上就更加难以沟通，为此总结了一些如何实现高效整齐的CSS代码准则： 问题在于假如你须要把所有底本红色的字体改成蓝色，那修正后就款式就会变成： p class=alignleft我是一个段落！/p .red{col...

对于这个规矩并非硬性划定，但无论您采用哪种写法，我的提议是始终保持代码一致。属性多的分行写，属性少于3个可以写一行。 当对于一些样式属性较少的选择器，我会写到一行： 10. 使用link取代@import 12. 防止使用CSS表达式（Expression） /*** 每个样式属性写一行 ***/ div{ background-color:#3399cc; color:#666; font: 1.2em/1.4em Arial, Helvetica, sans-serif; height:300px; ...

h1, h2, h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; } 这样的命名就会很让人费解，同样的命名为.leftBar的侧边栏如果需要修改成右侧边栏也会很麻烦。所以，请不要使用元素的特征（颜色，地位，大小等）来命名一个class或id，您可以取舍意思的命名如：#navigation{...}，.sidebar{...}，.postwrap{...} 我想即便是初学者，也不至于会在实际项目中如斯命名一个class，但有不...

2.使用标签选择器作为key #footer h3 {...} （3）移除一些无用的限定 优化这些规则也有利于进步页面的机能。优化页面性能最主要的一点在于使用明白的，避免不需要冗余的，使引擎体系疾速的匹配到元素而不需要破费太多的时间。 1.使用全局取舍器作为key 下面的这些限定是过剩的 key，越多的时间消费在匹配元素上面。只管如斯，即便是不高效的，他们比后代选择器的使用的后果要好一点。 根据这个规则，越少的规则使用，css引擎将评估的越好。因而，移除没有用的css是改良页面性能的重要一步。之后，对于页...

如果是这样定义的就不要去掉，去掉后就会混杂，不外倡议最好不要这样写 匹配原理： 3、尽量少应用层级关联 许多友人用了很多年的CSS才清楚CSS的真正匹配原理，不晓得你是否也是这样？通过本文的学习理解CSS的查找匹配原理，让CSS更简洁高效。 p.red{color:red;} 1、不要在ID取舍器前使用标签名 更好写法：.red 普通写法：#divBox ul li a{display:block;} 2、不要再class抉择器前使用标签名 4、使用class取代层级关系 span.red{color:#...

CSS中有些属性采用不同的属性值，固然达到的后果差未几，当性能上却存在着差别，如 如果必需使用CSS表达式，必定要记住它们要计算成千上万次并且可能会对你页面的性能产生影响。所以，在非不得已，请避免使用CSS表达式。 同样的，display:none暗藏对象浏览器不作渲染，不占用内存。而visibility:hidden则会。 9. 选择更优的样式属性值 代码解释能够让别人更轻易读懂你的代码，且公道的组织代码正文，可使得构造更加清楚。你可以取舍做的样式表的开端增加目录: h1{font-family:Ari...

网站优化中，稳定性始终是决议网站成败的症结。如果网站的相关因素不稳定，就如空间而言，一个网站中空间常常呈现打不开、访问速度慢等不稳定的景象，那么即便你的优化技巧再好，推广再尽力也都是空费的。网站就像是一个家，而当客人来到家里乌七八糟的, 做...

一、应用外联款式替换行间样式或者内嵌样式 不推荐使用行间样式 为了兼容老版本的阅读器，倡议使用 link 引入外部样式表的方来取代 @import导入样式的方法. 译者注： @import是CSS2.1提出的所以老的浏览器不支撑，点击查看 @import的兼容性。 @import和link...