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

Fitness http://videos.preiswert.eu.com/liste_530250/Video_Genres_Musik_TV_Dokumentation_Originalfassungen_Health_Fitness_Fitness.php
Hobbies http://videos.preiswert.eu.com/liste_530280/Video_Genres_Musik_TV_Dokumentation_Originalfassungen_Hobbies.php
Kunst & Kultur http://videos.preiswert.eu.com/liste_530268/Video_Genres_Musik_TV_Dokumentation_Originalfassungen_Kunst_Kultur.php
Musik http://videos.preiswert.eu.com/liste_290804/Video_Genres_Musik_TV_Dokumentation_Originalfassungen_Musik.php
Biografien http://videos.preiswert.eu.com/liste_290824/Video_Genres_Musik_TV_Dokumentation_Originalfassungen_Musik_Biografien.php
Klassik http://videos.preiswert.eu.com/liste_290817/Video_Genres_Musik_TV_Dokumentation_Originalfassungen_Musik_Klassik.php

Posted by: Fitness at October 21, 2004 03:10 PM

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

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

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

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









Remember personal info?