目前分類:CSS (6)

瀏覽方式: 標題列表 簡短摘要

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元素

Jikky 發表在 痞客邦 留言(0) 人氣()

HTML 4.01規格

HTML 4.01 Specification,W3C Recommendation 24 December 1999

http://www.w3.org/TR/1999/REC-html401-19991224/


CSS level 1 規格

Cascading Style Sheets, level 1

W3C Recommendation 17 Dec 1996, revised 11 Apr 2008

http://www.w3.org/TR/2007/CR-CSS21-20070719


Jikky 發表在 痞客邦 留言(0) 人氣()

備忘

CSS有四種定位方式

float: 浮動方式, 可呈現文繞圖的效果, 可將元素移到所在空間的左側或右側。

absolute: 以元素的父代(parent)作為參考點, 來決定顯示位置。

relative: 以元素原本應該出現的位置作為參考點, 來決定顯示位置。

fixed: 以視窗作為元素的參考點來決定顯示位置, IE並不支援。


Jikky 發表在 痞客邦 留言(0) 人氣()

css其實最麻煩的部份可能就在相同的css設定在不同的瀏覽器卻不同, 以表單按紐的來說, 就有許多差異。

相同效果者:
(字體)
font-size(字體大小)
color (字體顏色)
font-style: italic; (斜體,偏斜體)
 font-weight: bold; (粗體)
 font-weight: 600;
(背景)

Jikky 發表在 痞客邦 留言(0) 人氣()

這是一個專供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 設定, 其他的瀏覽器都不受影響。


Jikky 發表在 痞客邦 留言(0) 人氣()

原本的提問, 請參考:

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" />

Jikky 發表在 痞客邦 留言(0) 人氣()