這篇文章主要為大家展示了html怎樣添加css樣式，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“html怎樣添加css樣式”這篇文章吧。

成都創(chuàng)新互聯(lián)公司專注于普洱網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供普洱營銷型網(wǎng)站建設(shè)，普洱網(wǎng)站制作、普洱網(wǎng)頁設(shè)計、普洱網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù)，打造普洱網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供普洱網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

html有什么特點

1、簡易性：超級文本標(biāo)記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴展性：超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強功能，增加標(biāo)識符等要求，超級文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴展帶來保證。  3、平臺無關(guān)性：超級文本標(biāo)記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

html添加css樣式有三種方法，分別為行內(nèi)式（使用style屬性，在特定的HTML標(biāo)簽內(nèi)使用）、內(nèi)嵌式（style標(biāo)簽把css代碼放在特定頁面的head部分中）、外聯(lián)式（使用link標(biāo)簽，將外部css文件鏈接到HTML中）。

一、行內(nèi)式

使用style屬性在特定的HTML標(biāo)記內(nèi)設(shè)置CSS樣式。

建議不要使用內(nèi)聯(lián)CSS，因為每個HTML標(biāo)記都需要單獨設(shè)置樣式，如果您只使用內(nèi)聯(lián)CSS，管理網(wǎng)站可能會變得十分困難。但是，它在某些情況下很有用。例如，在您無法訪問CSS文件或僅需要為單個元素應(yīng)用樣式的情況下。帶有內(nèi)聯(lián)CSS的HTML頁面示例如下所示：

      Hostinger Tutorials    Something usefull here.
   

二、內(nèi)嵌式

內(nèi)嵌css樣式就是把css代碼放在特定頁面的部分中。內(nèi)嵌CSS需要放在標(biāo)簽之間。

類和ID可用于引用CSS代碼，但它們僅在該特定頁面上處于活動狀態(tài)。每次頁面加載時都會下載以這種方式嵌入的CSS樣式，這樣可以提高加載速度。在某些情況下使用內(nèi)嵌樣式表很有用，比如：向某人發(fā)送頁面模板， 因為一切都在一個頁面中，所以看到預(yù)覽要容易得多。

內(nèi)部樣式表的一個示例：

      p {color:white; font-size: 10px;}    .center {display: block; margin: 0 auto;}    #button-go, #button-back {border: solid 1px black;}  

三、外聯(lián)式

外聯(lián)式就是使用link標(biāo)簽元素將外部CSS文件（.css文件）引用到HTML頁面中，引用需要放在頁面的部分中。

這是將CSS添加到html頁面上最方便的方法。這樣，您對外部CSS文件所做的任何更改都將反映在你的網(wǎng)站上。

外聯(lián)樣式表的一個示例：

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

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

如今大多數(shù)網(wǎng)站使用外部樣式表，外部樣式是在單獨的文檔中編寫然后附加到各種Web文檔的樣式。外部樣式表會影響它們所連接的任何文件，這意味著如果你有一個20頁的網(wǎng)站，每個頁面使用相同的樣式表，當(dāng)需要改變的話只需編輯該樣式表即可完成這些頁面，這使得長期站點管理變得更加容易。

以上就是關(guān)于“html怎樣添加css樣式”的內(nèi)容，如果改文章對你有所幫助并覺得寫得不錯，勞請分享給你的好友一起學(xué)習(xí)新知識，若想了解更多相關(guān)知識內(nèi)容，請多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前題目：html怎樣添加css樣式-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://weahome.cn/article/dscoge.html