8.2日音訊,重溫頁面引進css的要點和方法。我們大家在做網(wǎng)頁時,css的引入是最基本的事情,也是常用的。我們在網(wǎng)頁中最常用的恐怕就是鏈接式的加入方法了,其它還有三種方法,像行內(nèi)樣式、內(nèi)嵌樣式以及用的很少的導入樣式。下面我們就來一一重溫這幾種方法的優(yōu)點和在操作中注意的要點,僅供大家參考,如大家對此有更多好的想法和建議歡迎大家來一塊探討。
第一:就是鏈接式,也是我們用的最多的一種,它的方法是在頁面head部分加入<linkrel="stylesheet"type="text/css"href="style.css"/>,引入外部的CSS文件。
這種方法可以說是現(xiàn)在占統(tǒng)治地位的引入方法。如同IE與瀏覽器。這也是最能體現(xiàn)CSS特點的方法;最能體現(xiàn)DIV+CSS中的內(nèi)容與顯示分離的思想,也最易改版維護,代碼看起來也是最美觀的一種。
第二就是內(nèi)嵌式,它是在head部分加入以下代碼來實現(xiàn)。
<styletype="text/css">
div{margin:0;padding:0;border:1pxredsolid;}
</style>
這種方法的使用情況要少的多,最長見得就是訪問量大的門戶網(wǎng)站?;蛘咴L問量較大的企業(yè)網(wǎng)站的首頁。與第一種方法比起來,優(yōu)點突出,弊端也明顯。優(yōu)點:速度快,所有的CSS控制都是針對本頁面標簽的,沒有多余的css命令;再者不用外鏈css文件。直接在html文檔中讀取樣式。缺點就是改版麻煩些,單個頁面顯得臃腫,css不能被其他html引用造成代碼量相對較多,維護也麻煩些。但是采用這種方法的公司大多力量大,對他們來說用戶量是關鍵,他們不缺人進行復雜的維護工作。
第三:就是行內(nèi)樣式了,直接在頁面的標簽里加<divstyle="border:1pxredsolid;">測試信息</div>
這種方法現(xiàn)在用的很少,很多公司不了解前端技術的領導還對這種寫法很痛恨。認為HTML里不能出現(xiàn)CSS命令。其實有時候使用下也沒有什么大不了。比如通用性差,效果特殊,使用css命令較少,并且不常改動的地方,使用這種方法反而是很好的選擇。
除了這三種常用的css引入方式,還有種很多人都知道但卻沒有見過的引入方式
<styletype="text/css">
@importurl(style.css);
</style>
這就是第四種引入方式。@import“style.css”表示導入mystyle.css樣式表,注意使用時外部樣式表的路徑。方法和鏈入樣式表的方法很相似,但導入外部樣式表輸入方式更有優(yōu)勢。實質上它相當于存在內(nèi)部樣式表中的。其實大家在實際中也是分形勢而看,像一些大型的網(wǎng)站如b2c、b2b等等可能會涉及到第四種方法,好了就說這么多吧,歡迎大家一起和
邯鄲網(wǎng)站建設首創(chuàng)網(wǎng)絡一塊交流學習。