老师脱丝袜自慰喷水穿着丝袜,欧美国产日产一区二区精品视频

您當(dāng)前所在位置：首頁 → 網(wǎng)絡(luò)編程 → DIVCSS → 5日精通CSS層疊樣式表之第二天

5日精通CSS層疊樣式表之第二天 時(shí)間：2015-06-28 00:00:00 來源：IT貓撲網(wǎng) 作者：網(wǎng)管聯(lián)盟 我要評(píng)論(0)

今天要學(xué)習(xí)的CSS特點(diǎn)包括：

字模系列
字號(hào)
字重
字體風(fēng)格
字體參數(shù)
文字變形
文字修飾
字體

2.2 按照字體名稱調(diào)用字體

第1個(gè)問題：你如何指示瀏覽器顯示你希望的字體?僅僅在字模后面鍵入字體的名稱就行了嗎？

很可惜，事情還不是這么簡單，字體在各個(gè)操作平臺(tái)之上叫的名稱可能會(huì)有變化。比如，Courier在MAC機(jī)上叫做COurier New。在一臺(tái)機(jī)器上可能叫Italic的字體在另一臺(tái)機(jī)器上可能就叫做Oblique。你仔細(xì)研究之后會(huì)發(fā)現(xiàn)更多的這樣的例子。

所以，我們稱呼一種字體的名稱并不一定就是計(jì)算機(jī)對(duì)這種字體的名稱。而你必須確定使你所用的字體名稱就是計(jì)算機(jī)所以的字體名稱。

那么你怎么確定計(jì)算機(jī)對(duì)一種字體的確切名稱是什么呢？這取決于于計(jì)算機(jī)所用的操作平臺(tái)。

Windows的用戶：使用應(yīng)用軟件比如word中的字體菜單中所列出的確切的字體名稱。

Mac機(jī)用戶：不要相信應(yīng)用軟件給你列出的字體名稱。而應(yīng)該打開你的system folder，按照其中對(duì)字體的拼寫在你的樣式表中使用字體名稱。

字模系列

字模系列就是CSS中稱呼一種字體的名稱屬
性。其基本語法如下：

H2 { font-family: helvetica,
impact, sans-serif }

這里是Web瀏覽器闡釋樣式表的規(guī)則：首先在列表中尋找字體的名稱（helvetica），如果在該計(jì)算機(jī)中安裝了這種字體，就使用它。如果沒有安裝，則移向下一種字體（impact），如果這種字體也沒有安裝，則移向第3種字體（sans-serif）。sans-serif字體參數(shù)是瀏覽器可以依據(jù)的最后一種參數(shù)，它告訴瀏覽器使用任何一種缺省sans-serif字體（或許就是Arial）。

以下為你所用瀏覽器的實(shí)際顯示結(jié)果：

CSS font control is peachy.

你可以在列表中加入任何種字體名稱。當(dāng)你對(duì)一種字體在不同的操作平臺(tái)上的名稱沒有把握時(shí)，這樣做無疑是一種好辦法。注意：瀏覽器更傾向于認(rèn)可小寫的名稱。當(dāng)然，只用你對(duì)所有項(xiàng)目都進(jìn)行了測試，就不會(huì)有問題。

每次將一種generic字體作為最后的選項(xiàng)列在字體列表中是一種很好的做法。你可以選擇以下幾種：

serif (也可能是 Times)

sans-serif (也可能是 Arial或者 Helvetica)

cursive (也可能是 Comic Sans)

fantasy (也可能是 Ransom)

monospace (也可能是 Courier)

（注意：Netsacpe Communicator不支持Cursive或者fantasy）

其它字體名稱訣竅：

如果一種字體的名稱不只一個(gè)單詞，如Gill Sans，在你的CSS代碼中用引號(hào)包含該字體的名稱。

BODY { font-family: "gill sans", "new baskerville", serif }

行內(nèi)加入的CSS規(guī)則，使用單引號(hào)：

Text
goes here.

如果你將CSS規(guī)則的說明組合在一起，而其中又包含字模系列，將字模系列列在最后，例：

H2 { color: red; margin:
10px; font-family: times,
serif }

有時(shí)候，如果字模系列沒有列在最后一條，IE 3 會(huì)忽略整個(gè)一條CSS規(guī)則，很莫名其妙，但卻是真的。

利用字模系列屬性，你可以按照字體名稱調(diào)用字體，而且在使用標(biāo)簽時(shí)將擁有更大的靈活性。

2.3 對(duì)字號(hào)的控制

?利用HTML你只能設(shè)定7種字號(hào)，很令人沮喪，是吧？但等你看完本頁之后，你將會(huì)發(fā)出一聲長長的WOOOOOOOOOOOW！

字號(hào)

使用font-size 屬性，你可以對(duì)文字的尺寸進(jìn)行無限的控制。

確定這的3種基本方法：

Points, ems, pixels, 及其它單位
關(guān)鍵字
比例參數(shù)

Points, Ems, Pixels, 及其它單位

樣式表可以識(shí)別許多種確定一種要素尺寸的不同單位：

第1種， points:

P { font-size: 16pt }

這條代碼告訴瀏覽器以16 points（點(diǎn)）的尺寸顯示

。

Points是確定文字尺寸非常好的單位，因?yàn)樗谒械臑g覽器和操作平臺(tái)上都適用。你唯一需要留意的就是在缺省設(shè)置下，PC機(jī)中顯示的字要比MAC機(jī)中顯示的大一些。

如果這一點(diǎn)對(duì)你來說很重要的話，你可以利用javascript識(shí)別不同人所使用的操作平臺(tái)，然后根據(jù)不同的平臺(tái)鏈接相應(yīng)的CSS文件。

Points, like all other units, work as small or as
big as you want (that was 8 points and 80 points, respectively).

?下一個(gè)單位，EM:

P { font-size: 20pt }
B { font-size: 1.5em }

em 是和point相同的距離單位。在樣式表中，em指母體要素的尺寸。所以，在上例

關(guān)鍵詞標(biāo)簽：第二,樣式,精通,字體,

相關(guān)閱讀

文章評(píng)論

查看所有0條評(píng)論>>