CSS非行內(nèi)樣式是指通過樣式表（Style Sheet）定義的css樣式，與html代碼分離保存在外部文件中，被多個html頁面所共用。
這種樣式定義方法不同于行內(nèi)樣式（Inline Style），行內(nèi)樣式是將樣式代碼直接寫在html標(biāo)簽的style屬性中，只適用于當(dāng)前標(biāo)簽，樣式被限定在該元素內(nèi)部。
使用CSS樣式表的優(yōu)點(diǎn)在于提高了html的可維護(hù)性和可擴(kuò)展性。當(dāng)多個頁面需要共享某些樣式時，只需要在外部樣式表文件中定義一次，便可以被多個html頁面所引用。
同時，CSS樣式表也提供了更多更靈活的樣式定義和組合方式。如樣式定義的優(yōu)先級，可以通過選擇器的層疊關(guān)系設(shè)置不同權(quán)重，實(shí)現(xiàn)優(yōu)先級的覆蓋效果。
/* 一段樣式定義代碼 */
p {
color: blue;
font-size: 16px;
}
h1 {
color: red;
font-size: 28px;
}上面的代碼定義了p標(biāo)簽和h1標(biāo)簽的樣式，其中p標(biāo)簽的顏色為藍(lán)色，字體大小為16px，h1標(biāo)簽的顏色為紅色，字體大小為28px。
樣式表文件一般以.css文件擴(kuò)展名保存，通過link標(biāo)簽在html文檔引用。如下面的例子：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
上面的代碼引用了名為style.css的外部樣式表文件，路徑為當(dāng)前目錄下的文件。
總之，CSS非行內(nèi)樣式是html文檔中與內(nèi)容分離的樣式定義方法，使得樣式表可以在多個html頁面之間共享，提高了可維護(hù)性和可擴(kuò)展性。
下一篇css邊框圓動畫