HTML引入CSS的常見方法有哪些？

2023-01-05 分類：網站建設

我們都知道HTML和CSS是作用不相同的兩種語言，但是它們對一個網頁能夠同時產生作用，網頁（webPage）= 內容（html） + 表現（css） + 行為（javascript）。因此需要把CSS引入HTML一起使用。要想在瀏覽器中顯示出預期的CSS樣式表效果，就要讓瀏覽器識別并正確調用CSS。當瀏覽器讀取樣式表時，要依照文本格式來讀，而且當CSS樣式表放在不同的地方，所產生的作用范圍也是不同的。在HTML中，主要用四種方法引入CSS：行內式、內嵌式、導入式和鏈接式。

（1）行內式，如下圖：

即在標記的style屬性中設定CSS樣式，這種方式本質上沒體現出CSS的優勢，因此不推薦使用。

（2）嵌入式，如下圖：

在對頁面中各種元素的設置集中寫在

和之間的，對于單個頁面來說，這種方式很方便。但是這種方法的使用情況要少的多，最長見得就是訪問量大的門戶網站。或者訪問量較大的企業網站的首頁。與第一種方法比起來，優點突出，弊端也明顯。優點：速度快，所有的CSS控制都是針對本頁面標簽的，沒有多余的CSS命令；再者不用外鏈CSS文件。直接在HTML文檔中讀取樣式。缺點就是改版麻煩些，單個頁面顯得臃腫，CSS不能被其他HTML引用造成代碼量相對較多，維護也麻煩些。但是采用這種方法的公司大多有錢，對他們來說用戶量是關鍵，他們不缺人進行復雜的維護工作。

（3）導入式，如下圖

（4）鏈接式，如下圖：

導入式和鏈接式差不多，都是從外部引入CSS文件。但是鏈接式對于客戶端用戶瀏覽網站時，效果會好些。

鏈接式可以說是現在占統治地位的引入方法。如同IE與瀏覽器。這也是最能體現CSS特點的方法；最能體現DIV+CSS中的內容與顯示分離的思想，也最易改版維護，代碼看起來也是最美觀的一種。

總結：對于一些比較大的網站，為了便于維護，可能會希望把所有的css樣式分類別放到幾個CSS文件中，這樣如果使用連接式引入，就需要幾個語句分別導入CSS文件。如果要調整CSS文件的分類，就需要同時調整HTML文件，這對于維護工作來說，是一個缺陷，如果使用導入式，則可以只引進一個總的CSS文件，在這個文件中再導入其他獨立CSS文件；而鏈接式則不具備這個特性。

當前標題：HTML引入CSS的常見方法有哪些？
網址分享：http://m.kartarina.com/news/228363.html

成都網站建設公司_創新互聯，為您提供靜態網站、企業網站制作、網站建設、自適應網站、網頁設計公司、網站內鏈

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

萊蕪信息推廣泰安網站推廣闡明SEO網站公道的目次布局及URL優化留意事項 2023-01-05
尚品網站集群設計模式 2023-01-05
聊城百度快照推廣詳解友情鏈接互換步調與心得體會 2023-01-05
臨沂信息發布用模板建樹的網站有利于seo優化嗎？ 2023-01-05
泰安SEO新金融時代離不開互聯網 2023-01-05
煙臺網站建設想要做好旅游網站seo優化，沒有旅游優化干貨如何上路 2023-01-05
企業網站常見的被掛馬、耗資源等處理解決的方法 2023-01-05
新手開發網站注意事項有哪些 2023-01-05