精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>css教程>正文

书写高效CSS


来源: 时间:06-12-18 点击: 点击这里收藏本文

继承

另一个避免写出冗余代码的方法是,了解哪些属于父元素的属性会由子元素继承下来。会被继承的属性只有很少一些,而且其中大部分是不常用的,比如voice-family。所以列个能继承的常用属性的表,其实是很短的,下面就是按字母顺序排出的:

 

color
font(及其相关属性)
letter-spacing
line-height
list-style(及其相关属性)
text-align
text-indent
text-transform
white-space
word-spacing


 在某些老式浏览器中,继承功能可能有些问题,然而大部分现代浏览器在这方面都处理得很正确。记住上面这个列表,可以让你少写点多余的代码。当然了,如果你想看看完整的列表,还是参考CSS2PropertyIndex。

空白
 并非指的是CSS的white-space属性,这个属性早有确定的值了。我们说的是样式表本身含有的那些空白。空白常用于换行字符,和在一行里面用来改进可读性的空格。尽管把它们都删除可能会剩下个把字节,但好处毕竟有限。

关键是,如果把它们都删除了,CSS文件就会变得非常难读,更难修改。要是你真的打算这么做,不妨创建一个主CSS文件,再根据它生成一个删除了所有空白的副本,修改的时候只修改主文件,根据主文件重新生成一次副本就行了。

请注意,CSS编码中需要一些空白,删除那些必要的会导致你未曾预料的问题。如果W3C规范中用了 "spaceseparated"这样的语句,那么空格就不可省略。常见的像简记属性中分隔值的那些空格,还有下降合并符 (descendantcombinator),或者称为下降选择符,就是一个空格。所以说不到非用不可的时候,删除空白这样的方法还是少用。

完结

你现在学会了好几种让你的样式表更高效的方法,益处是在这些技巧下,不仅下载时间被减少了,而且清晰、易于理解、更改的代码随之而来。就算你用排版工具来编辑样式表,也可以在最后用这些方法将其改定为高效的样子。

 

9 7 3 1 2 3 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.