小編給大家分享一下html添加css樣式的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創新互聯公司是一家專業提供金華企業網站建設,專注與成都網站建設、成都網站制作、H5高端網站建設、小程序制作等業務。10年已為金華眾多企業、政府機構等服務。創新互聯專業網站設計公司優惠進行中。

首先我們要了解一下在html中添加css樣式的三種方法是什么？它們分別為：

1、使用內聯CSS來應用特定元素的規則，即：行內式

2、使用內部CSS并在HTML文檔部分包含CSS規則，即：內嵌式

3、鏈接到包含所有CSS規則的外部文件（.css文件），即：外聯式

下面我們就來具體的介紹一下行內式、內嵌式、外聯式的實現與優缺點。

一、行內式

內聯CSS要在特定的HTML標記內使用。標簽之間。內部樣式表的一個示例：

內嵌CSS的優點：

1、樣式表只影響一個頁面。

2、內部樣式表可以使用類和ID。

3、無需上傳多個文件。HTML和CSS可以在同一個文件中。

內嵌CSS的缺點：

1、增加頁面加載時間。

2、它只影響一個頁面 - 如果要在多個文檔上使用相同的CSS，則無用。

三、外聯式

將CSS添加到html頁面上最方便的方法可能就是將其鏈接到外部文件（.css文件）。這樣，您對外部CSS文件所做的任何更改都將反映在你的網站上。外部CSS文件的引用要放在頁面的部分中，例：

而style.css包含所有樣式規則。例如：

.xleftcol {
   float: left;
   width: 33%;
   background:#809900;
}
.xmiddlecol {
   float: left;
   width: 34%;
   background:#eff2df;
}

外聯CSS的優點：

1、HTML頁面的大小更小，結構更清晰。

2、加載速度更快。

3、相同的.css文件可以在多個頁面上使用。

外聯CSS的缺點：

1、在加載外部CSS之前，頁面可能無法正確呈現。

以上是html添加css樣式的方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯網站制作公司行業資訊頻道！

新聞名稱：html添加css樣式的方法-創新互聯
分享路徑：http://m.jcarcd.cn/article/ccjdgd.html