樣式表中定義字型的斜體,粗細,大小寫,上(下)劃線及刪除線和閃爍字型__ie

來源:互聯網
上載者:User

字型風格,屬性是:font-style, 例:

H3 { font-style: italic }

字型風格的定義有:italic(斜體), Oblique(斜體,經測試與italic沒區別),normal(正常顯示,取消傾斜風格)

字重, 屬性是:font-weight, 加重風格可以關閉或開啟,利用字重屬性,可以創造出一系列新的加重字型。

P { font-weight: bold }

這是字重最常見的應用方式,而normal屬性也可以取消加重字型,將字型以正常形式顯示。還可以用數值100,200,...900。正常的非加重體的字型值為400,900是最加重的字型參數值。Web瀏覽器將決定每一參數值的實際顯示。

還可以給字重加上lighter和bolder參數,當然前提是所使用的字型已經賦予了某種層級的加重字型屬性。在已有屬性層級上,瀏覽器將使字型的顯示相應地更加重一些(bolder)或更輕一些(lighter)。(注意:IE 3或Netscape Communicator都不支援lighter或bolder參數。)

字型參數(font-variant): 這時一種挺簡單的屬性,你可以將正常文字縮小一半尺寸後大寫顯示。 例如:

H2 { font-variant: small-caps }

Communicator或者IE舊版都不支援這項屬性。IE4有些靠近這種標準,但它只是將字型以正常的大寫形式顯示。大概IE5.0能支援這項屬性。可以試試。

文字變形(text-transform): 這項屬性控制字母大小寫。基本代碼:

B { text-transform: uppercase }

以下為所有可用的參數: uppercase 使所有字母大寫顯示。 lowercase使所有字母小寫顯示。 capitalize 使每個單詞的第1個字母大寫顯示,例:This sentence serves as an example. none 使所有繼承的文字變形參數被忽略,文字將以正常形式顯示。例:This sentence serves as an example.

(注意:IE3不支援文字變形)

文字修飾(text-decoration): 基本文法如下:

B { text-decoration: underline }

以下為text-decoration的可用參數: underline 給文字底線,例:these words. overline 給文字上劃線,例:these words. line-through 給文字划出刪除線,例:these words. blink 賦予文字閃爍的效果。 none 使得上述效果都不會發生。

(注意:Communicator不支援上劃線,IE4不支援文字閃爍,IE3對這些都不支援。)

none參數可以使連結的文字不以底線的形式顯示。具體做法:

A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }

A:link用於正常的未被訪問過的連結,A:active用於你正在點擊的連結, A:visited 用於已經訪問過的連結。

也可以直接用:A {text-decoration: none},該定義包含以上三個定義的效果。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.