Blogspot - ant4css.blogspot.com - 螞蟻的 CSS
General Information:
Latest News:
active 第二頁 10 Jan 2013 | 03:46 pm
準類別 | :ACTIVE | :FOCUS | :HOVER | :LANG() | :LINK | :VISITED :ACTIVE 2 下例中,IE6 必須點擊它處失焦後,才取消 :ACTIVE 的風格。在 Firefox, Safari, Chrome 只要滑鼠右鍵放開,就會取消 :ACTIVE 的風格。 .blr {color:red;} .blr:active {backgrou...
URL, 計數器 10 Jan 2013 | 03:31 pm
長度 | 百分比 | URI | 計數器 | 顏色 | 角度 | 時間 | 頻率 | 字串 URI URI 指到資源的位址。可用函式 url('資源網址') 指定。資源網址可用 ' ' 或 " " 作首尾標示;或不加標示也可。可用相對於風格表網址的資源網址。( ) , 空白 ' " 左列符號必須加上脫離字 \。也可用 URI 脫離字碼。 p.uu { font-size:28px; width...
顏色 第二頁 10 Jan 2013 | 02:13 pm
長度 | 百分比 | URI | 計數器 | 顏色 | 角度 | 時間 | 頻率 | 字串 顏色 2 顏色有七種表示法: hsla(顏色, 飽和, 亮度, 透明)函式法:第四個參數透明值由 0(完全透明)至 1(完全不透明)。此函式是 CSS3 的提案,Firefox, Safari, Chrome 可用;IE6 無此項。 透明的可以看到底下的字。     &nbs...
顏色 9 Jan 2013 | 05:32 pm
長度 | 百分比 | URI | 計數器 | 顏色 | 角度 | 時間 | 頻率 | 字串 顏色 顏色有七種表示法: 預設的 16 個顏色的英文名稱:   Black(#000000)   Silver(#C0C0C0)   Gray(#808080)   White(#FFFFFF)   Maroon(#8...
first-line 9 Jan 2013 | 01:41 pm
:AFTER | :BEFORE | ::FIRST-LETTER | ::FIRST-LINE | ::SELECTION ::FIRST-LINE 對一小段文字的第一行,設計獨特的風格。只能用在區塊元素。 .cls3 { width:250px; text-align:justify } .cls3::first-line {color:red; text-transform:upperc...
display 第三頁 9 Jan 2013 | 01:18 pm
display 3 測試 compact。 .inl { width:250px; background:#337; font-size:80% } John F. Kennedy said: ask not what your country can do for you - ask what you can do for your country. dumpSample('SPcom...
display 第二頁 9 Jan 2013 | 01:17 pm
display 2 測試 inline-block。 子曰: 學而時習之,不亦說乎?記性差 子曰: 人不知而不慍,不亦君子乎?沒人愛 dumpSample('SPinblock') 測試 list-item。 .lst {display:list-item; list-style-type:decimal; } 射擊遊戲:大戰火星人。 競速遊戲:狂飆快艇。 dumpSample('SP...
font-weight 8 Jan 2013 | 05:51 pm
font | font-family | font-style | font-variant | font-weight font-weight 設定字體的粗細,可設為: normal:等於 400,此為預設值。 bold:粗體字,等於 700。 bolder:粗些,以父元素的字為準。 lighter:細些,以父元素的字為準。 100 到 900 的數字,由細到粗。 inherit:繼承父元素...
font-family 8 Jan 2013 | 05:49 pm
font | font-family | font-style | font-variant | font-weight font-family 設定一組 字型家族名稱 或一般字型家族名稱,有相同的風格與尺寸。設定多個字型名稱時,兩個字型名稱用”,”隔開。瀏覽器會先用第一個字型,如果第一個字型找不到就用第二個字型,依此類推;通通找不到就用系統預設字型。 XP 系統的大陸版有附中文字型:宋体(si...
line-height 第二頁 8 Jan 2013 | 05:26 pm
font-size | font-size-adjust | font-stretch | line-height line-height 2 :HOVER, :ACTIVE 的應用。使用時要注意,在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。 .hvr {width:150px; height:120px; border:solid 1px red; lin...