CSS的套用對象 selector
1. HTML元素: 如<p>, <h2>...
2. . :class: 分類的HTML元素(css名稱以"."開頭)
3. # :id, 唯一的HTML元素, (css名稱以"#"開頭)
4. 情境(Contextual) selector: 依照HTML標籤的前後文關係來套用
5. + :Adjacent Sibling Combinator,類似情境selector, 但以連續出現的HTML標籤為限, 使用"+"連接兩個HTML元素
CSS的套用對象 selector
1. HTML元素: 如<p>, <h2>...
2. . :class: 分類的HTML元素(css名稱以"."開頭)
3. # :id, 唯一的HTML元素, (css名稱以"#"開頭)
4. 情境(Contextual) selector: 依照HTML標籤的前後文關係來套用
5. + :Adjacent Sibling Combinator,類似情境selector, 但以連續出現的HTML標籤為限, 使用"+"連接兩個HTML元素
HTML 4.01規格
HTML 4.01 Specification,W3C Recommendation 24 December 1999
http://www.w3.org/TR/1999/REC-html401-19991224/
CSS level 1 規格
http://www.w3.org/TR/2007/CR-CSS21-20070719
備忘
CSS有四種定位方式
float: 浮動方式, 可呈現文繞圖的效果, 可將元素移到所在空間的左側或右側。
absolute: 以元素的父代(parent)作為參考點, 來決定顯示位置。
relative: 以元素原本應該出現的位置作為參考點, 來決定顯示位置。
fixed: 以視窗作為元素的參考點來決定顯示位置, IE並不支援。
這是一個專供IE 5.0 5.5使用的CSS密技, 叫做 Mid Pass Filter, 也稱為 band pass filter,
@media tty {
i{content:"\";/*" "*/}} @import 'ie5.css'; /*";}
}/* */
透過這樣的方式, 只有IE 5.0或 IE 5.5 會用到 ie5.css 裡面的 CSS 設定, 其他的瀏覽器都不受影響。
原本的提問, 請參考:
http://tw.knowledge.yahoo.com/question/question?qid=1008052710299
詢問的是關於 http://blog.pixnet.net/standinghere 這個blog的css技巧。
因為直接在知識家的回覆的太長了, 已經拼命刪減了很多內容還是無法存檔, 只好放在這邊!
回答:
先說明取得原始碼的問題, 簡單的取得css原始碼的方法為:
1.用瀏覽器看該網頁的原始碼。
2.找到類似敘述(以提問為例)
<link rel="stylesheet" href="http://blog.css.adm.pixnet.net/userdata/styles/blog/css/choc/29825.css" type="text/css" />