小編給大家分享一下如何添加css樣式，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
1.行內樣式，最直接最簡單的一種，直接對HTML標簽使用style=""。2.內嵌樣式，就是將CSS代碼寫在之間，并且用
進行聲明。3.外部樣式，其中鏈接樣式是使用頻率最高，最實用的樣式，只需要在之間加上
添加css樣式的方法：1、通過html的style屬性實現添加；2、在style標簽中寫css樣式；3、通過鏈接式實現添加；4、通過導入式實現添加，代碼如“@import url(demo.css)”。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
怎么添加css樣式？
如何插入css樣式？下面本篇文章就來給大家介紹一下插入css樣式的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。
準備
首先準備一個html文件：test.html，不建議使用記事本創建文件，建議使用Notepad++來創建并編輯文件，注意編碼格式為：以UTF-8無BOM格式編碼，否則會出現中文亂碼，內容如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> hello </body> </html>
保存文件至桌面，右鍵選擇谷歌瀏覽器（或其他瀏覽器打開）打開，發現頁面上出現了hello這幾個英文字母。
四種引入方式
行內式
通過html的style屬性實現，如下所示
//寫在body標簽中 <span style="color:red;">行內式</span>
嵌入式
在style標簽中寫css樣式，在body中引用
//寫在style標簽中的css樣式
p{
color:blue;
}
//寫在body標簽中
<p>嵌入式</p>鏈接式
一般都使用這種方式，在桌面上新建一個css文件：test.css，內容為一個css樣式
//寫在test.css文件中
div{
color:yellow;
}在test.html引入test.css文件
//寫在head標簽中引入css文件，href屬性中的為絕對路徑，當前在同一級目錄下 <link href="test.css" type="text/css" rel="stylesheet" /> //寫在body標簽中 <div>鏈接式</div>
導入式
@import(url(demo.css))
基本不使用，因為頁面會先加載html，然后再去加載css，這樣就會造成頁面樣式的延遲。
創建一個demo.css文件，寫上一個css樣式
//寫在demo.css文件中
h3{
color:green;
}使用@import方式導入demo.css文件
//試驗了一下，需要單獨寫在一個style中， <style> @import url(demo.css) </style> //寫在body標簽中 <h3>導入式</h3>
html頁面代碼
頁面效果圖
以上是“如何添加css樣式”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
