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