正文

如何使用插件(9)

CSS插件工具箱 作者:(英)Robin Nixon


1.6  CSS和分號(hào)

當(dāng)CSS語(yǔ)句出現(xiàn)在同一行中時(shí),為了分開(kāi)它們,必須在每條語(yǔ)句后加分號(hào)。但如果一行上(或在HTML標(biāo)記內(nèi)部的內(nèi)聯(lián)樣式設(shè)置中)只有一條語(yǔ)句,則可以省略分號(hào)。

為了避免導(dǎo)致難以發(fā)現(xiàn)的CSS錯(cuò)誤,在開(kāi)發(fā)樣式表時(shí),最好總是在每個(gè)CSS設(shè)置后使用分號(hào)。后面如果需要優(yōu)化樣式表以獲得最大的下載速度和最小的尺寸,僅刪除不需要的分號(hào)即可。

1.7  在自己的網(wǎng)站中使用插件

從plugincss.com網(wǎng)站下載了plug-ins.zip文件后(并作了解壓縮),這里推薦的訪問(wèn)方式是將存儲(chǔ)在PC.css文件中的整個(gè)插件集作為外部樣式表加載,使用的命令如下所示:

<link rel="stylesheet" type="text/css" href="css/PC.css" />

這里,/css是保存文件的文件夾(相對(duì)于當(dāng)前文件夾),PC.css是樣式表的文件名(P和C是Plug-in和CSS的縮寫(xiě))。

這種包含方法確保了可以向需要額外插件的Web頁(yè)面中添加新元素,而不必單獨(dú)地進(jìn)行復(fù)制和粘貼。這個(gè)文件的大小與中等圖像相當(dāng),下載速度和所需的帶寬也差不多,因此包括進(jìn)整個(gè)文件通常不是個(gè)問(wèn)題。但如果只需要包括其中一些插件,則清楚地標(biāo)注它們,并輕松地將它們復(fù)制和粘貼到另一個(gè)樣式表或是Web頁(yè)面的<style>部分中。

注意:

有些JavaScript支持的插件需要幾行HTML代碼才能包含進(jìn)來(lái)。如果想使用它們,可以參考1.8節(jié)的內(nèi)容。

1.7.1  類名沖突

為了使插件易于訪問(wèn),筆者總是盡量使用簡(jiǎn)短的、自說(shuō)明的類名,甚至包括了大量單字母名的類,如i(對(duì)文本應(yīng)用斜體)。

不過(guò),如果你自己或第三方的樣式使用了任一相同的類名,那(根據(jù)第2章要介紹的規(guī)則)該類將獲得優(yōu)先權(quán),其他樣式只能局部實(shí)現(xiàn)(如果有的話)。在這種情況下,不能同時(shí)使用兩者。


上一章目錄下一章

Copyright ? 讀書(shū)網(wǎng) ranfinancial.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號(hào) 鄂公網(wǎng)安備 42010302001612號(hào)