July 08, 2004

读《网站重构》(5):CSS解析

  • 一个样式表,是一个集合,一个由一个或多个规则定义组成的集合,这些定义将决定被选中的元素如何被显示。
  • 一个CSS定义由两部分组成:选择器和声明。其中,声明是也是一个集合,集合元素放在一对{}内,每一元素以";"结束,每个元素由两部分组成:属性和值,属性和值之间用": "分隔。
  • 以#开头的选择器,为id选择器,以.开头的选择器为选择器。
  • 多个选择器可以共享同一声明,这时不同选择之间以逗号分隔。
  • 根据CSS,页面的子元素从母元素继承特性,但有些旧浏览器不支持(如Netscape 4)。如果不想让子元素继承母元素特性,则子元素可自由定义相关属性。
  • CSS不区分大小写,但当与一个HTML文件关联时,类别和id名称是区分大小写的。
  • 为了便于编辑CSS,可以增加一些空格或换行符。
  • 样式表可以通过三种方式作用于页面的显示
    1. 外联/导入
      <link rel="StyleSheet" href="/styles/mystylesheet.css" type="text/css" media="all />
      或
      <style type="text/css" media="all">
      	@import "/styles/mystylesheet.css";
      </style>
      或
      <style type="text/css" media="all">
      	@import url("/styles/mystylesheet.css");
      </style>
      注:@Import 法只有5.0以上的浏览器支持
    2. 嵌入(在XHTML页面head位置嵌入)
      。。。
      <head>
      。。。
      <style type="text/css">
      <!-
      	…..
      -->
      </style>
      …..
      </head>
      …..
      使用嵌入的原因:
      • 该样式表只用于本页面
      • 用户还在使用IE3
      • 设计师不断修改样式表,需要立即看到效果
    3. 内联(在元素上加上样式属性)
Posted by Hilton at July 8, 2004 06:32 PM | TrackBack
Comments

You are invited to check the sites dedicated to... Thanks!!!

Posted by: at December 2, 2004 02:36 PM

You can also visit some information about- Tons of interesdting stuff!!!

Posted by: at December 1, 2004 08:27 AM

The best bitches on the web

Posted by: weak sister bitch at November 13, 2004 03:30 AM

hedong,你今天是不是发信息给我?我还在睡觉呢。

hedong也开始看WaSP的相关书籍了,太好了。Design with web standard是一本非常好的书,而且听说中文版的翻译质量还可以。再加上最近的浏览器市场Mozilla也越来越受欢迎,我预计未来的两到三年里面中文网站会掀起基于WaSP以及CSS,XHTML的重构的潮流。不过包括WaSP的推广者们都在担忧2006年Longhorn推出的时候新IE的支持程度。可能到时候W3C的CSS,XHTML的新标准也会随之而推出来。

不过目前的中国市场,专业的重构加上信息构架Firm将会是一个巨大的市场。90%的中文网站Usability都有问题。如果能够建立起一个这样专业的Firm,在推动WaSP,Usability的同时也将有非常可观的盈利。

Posted by: owen at July 9, 2004 10:10 PM
Post a comment









Remember personal info?