CSS被用來控制網頁的樣式，而CSS樣式表中的規則可以被放置在文檔的不同位置。本文將重點介紹CSS規則的三種放置位置：內部樣式表、外部樣式表和內聯樣式。
內部樣式表
<head> <style> // CSS規則在這里添加 </style> </head>
在HTML文檔中，內部樣式表是通過在head標簽中使用style標簽來定義的。在style標簽中，可以添加所有的CSS規則，這些規則將應用于文檔中的所有元素。使用內部樣式表的好處是在文檔中，CSS和HTML代碼可以同時被編輯和維護。
外部樣式表
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
外部樣式表是CSS規則的另一種放置位置，這些規則通常被放置在一個單獨的CSS文件中。在HTML文檔中，可以通過link標簽來引用這個CSS文件。使用外部樣式表的好處是可以將CSS代碼與HTML代碼分離開來，使得代碼更加清晰易懂，同時可以被多個頁面共享。
內聯樣式
<div style="color: red; font-size: 16px;"> // 內聯樣式規則在這里定義 </div>
內聯樣式是直接將CSS規則嵌入到HTML元素中，通過使用style屬性實現。在實際開發中，內聯樣式并不是一個優秀的選擇，因為內聯樣式增加了HTML代碼的復雜度，而且難以維護和更新。
總的來說，使用CSS樣式表是控制網頁樣式的最佳方法。在內部樣式表、外部樣式表和內聯樣式中，外部樣式表是最優秀的選擇。
上一篇extjs用寫css嗎