Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content on positioning, lists and generated content, table layout, user interface, paged media, and more. It explores in detail each individual CSS property and how it interacts with other properties, and shows how to avoid common mistakes in interpretation. W3c的Css主頁:http://www.w3.org/Style/CSS/ 1 css和document1.1 elementshtml中的元素很容易辨識,如p,table,span,a,div。xml中元素由dtd定義,或者xml schema定義。每個元素部分代表了其表現方式。Css中可以看作每個元素產生一個box,該box包含了元素的內容。1.1.1元素類型:replaced和nonreplaced elements,block-level和inline-level elementsreplaced elements:元素的內容可以被不是直接由文檔表示的內容替換。典型的是xhtml中的img,它可以被指向文檔外部的圖片文件代替。 Input元素也可以根據其type的不同,而被radio button,checkbox,text input box代替。 Replaced elements也在顯示時產生一個box。Nonreplaced elements:html和xhtml的大多數元素是nonreplaced。就是說,這些元素的內容由用戶代理(user agent,通常是指瀏覽器)在元素產生的box中來表述present。(box是不是指元素對應在頁面上的一個region?)。 比如<span>hi there</span>是nonreplaced,文本hi here將由user agent來顯示。Block-level element塊元素:產生一個元素box,該box填充其父元素的內容區域,并且其兩邊沒有其他元素。就是說在默認的情況下每個block-level都是單獨一行的。比如p,div。list items是一種特殊的塊元素。為了跟其他塊元素具有統一的行為,為無序的lists產生一個符號,如bullet;為有序的lists產生一個數字。將符號或數字加到元素box上。除了符號的表現方式外,其他特性跟其余的塊元素一樣。Inline-level element內聯元素:產生一個元素box,其中是一行文本,并且不是單獨一行的。典型的例子是xhtml中的a元素,另外如strong,em。因為內聯元素不會打斷其前后的顯示,所以內聯元素出現在其他元素中的話不會打斷其他元素的顯示。注意:xhtml和html中塊元素不能從內聯元素繼承,但是css中沒有類似規定。沒有限制元素嵌套方式。
改變元素的顯示角色在xhtml中很有用。Xml文檔沒有任何的繼承的顯示角色,因此通過css來定義就相當重要。
能夠影響顯示角色display roles 的特性是css在多種情況下高度有用的重要原因。
新聞熱點
疑難解答