HTML引入CSS的常見方法有哪些？
來源：尚品中國
類型：網(wǎng)站百科
時間：2019-05-23
我們都知道HTML和CSS是作用不相同的兩種語言，但是它們對一個網(wǎng)頁能夠同時產(chǎn)生作用，網(wǎng)頁（webPage）= 內(nèi)容（html） + 表現(xiàn)（css） + 行為（javascript）。因此需要把CSS引入HTML一起使用。要想在瀏覽器中顯示出預(yù)期的CSS樣式表效果，就要讓瀏覽器識別并正確調(diào)用CSS。當(dāng)瀏覽器讀取樣式表時，要依照文本格式來讀，而且當(dāng)CSS樣式表放在不同的地方，所產(chǎn)生的作用范圍也是不同的。在HTML中，主要用四種方法引入CSS：行內(nèi)式、內(nèi)嵌式、導(dǎo)入式和鏈接式。
.jpg)
（1）行內(nèi)式，如下圖：
即在標(biāo)記的style屬性中設(shè)定CSS樣式，這種方式本質(zhì)上沒體現(xiàn)出CSS的優(yōu)勢，因此不推薦使用。
（2）嵌入式，如下圖：
在對頁面中各種元素的設(shè)置集中寫在
（3）導(dǎo)入式，如下圖
（4）鏈接式，如下圖：
導(dǎo)入式和鏈接式差不多，都是從外部引入CSS文件。但是鏈接式對于客戶端用戶瀏覽網(wǎng)站時，效果會好些。
鏈接式可以說是現(xiàn)在占統(tǒng)治地位的引入方法。如同IE與瀏覽器。這也是最能體現(xiàn)CSS特點的方法；最能體現(xiàn)DIV+CSS中的內(nèi)容與顯示分離的思想，也最易改版維護(hù)，代碼看起來也是最美觀的一種。
總結(jié)：對于一些比較大的網(wǎng)站，為了便于維護(hù)，可能會希望把所有的css樣式分類別放到幾個CSS文件中，這樣如果使用連接式引入，就需要幾個語句分別導(dǎo)入CSS文件。如果要調(diào)整CSS文件的分類，就需要同時調(diào)整HTML文件，這對于維護(hù)工作來說，是一個缺陷，如果使用導(dǎo)入式，則可以只引進(jìn)一個總的CSS文件，在這個文件中再導(dǎo)入其他獨立CSS文件；而鏈接式則不具備這個特性。
來源聲明：本文章系尚品中國編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò)，如有侵權(quán)，請及時與本站聯(lián)系（010-60259772）。
TAG標(biāo)簽:
最新文章
-
09-10 \ 2024
企業(yè)網(wǎng)站設(shè)計與開發(fā)中的數(shù)據(jù)庫設(shè)計關(guān)鍵要素剖析
在企業(yè)網(wǎng)站設(shè)計與開發(fā)過程中，數(shù)據(jù)庫設(shè)計是至關(guān)重要的環(huán)節(jié)，它直接影響網(wǎng)站的性能、數(shù)據(jù)管理效率以及未來的擴(kuò)展性。以下是數(shù)據(jù)庫設(shè)計中需要關(guān)注的關(guān)鍵要素。 -
08-01 \ 2023
節(jié)日專題網(wǎng)站建設(shè)方案
隨著數(shù)字化時代的到來，越來越多的企業(yè)和組織開始利用互聯(lián)網(wǎng)平臺展示和傳播節(jié)日文化。一個精心設(shè)計的節(jié)日專題網(wǎng)站能夠為用戶帶來豐富的節(jié)日體驗，增加用戶粘性和忠誠度。在這篇文章中，我們將討論一個節(jié)日專題網(wǎng)站的建設(shè)方案。 -
07-25 \ 2023
科研院所網(wǎng)站建設(shè)方案
科研院所網(wǎng)站建設(shè)方案需要結(jié)合具體的院所特點和目標(biāo)來設(shè)計，以下是一個一般性的科研院所網(wǎng)站建設(shè)方案，供參考：需求分析： 首先，確定科研院所網(wǎng)站的目標(biāo)受眾、主要功能和需求。明確網(wǎng)站所要傳達(dá)的信息，例如研究成果、項目介紹、團(tuán)隊成員、學(xué)術(shù)活動、合作伙伴等。
