10-1. CSS的儲存位置
（一）HTML文件內
（1）文件樣式
運用CSS樣式面板==>新增CSS規則==>如下圖所示, 將規則定在在此文件
則CSS樣式規則的語法寫在本文件的<head></head>區之內
（2）行內樣式
當我們選取局部文字或儲存格或其他網頁元素時, 屬性面板==>CSS部份==>
可以選擇「新增行內樣式」==>按下「編輯規則」按鈕==>設定CSS的樣式
結果CSS樣式語法是寫在標籤內的 style 屬性位置
有的網頁元素在屬性面板中並沒有提供新增行內樣式的功能
那麼如果要使用行內樣式, 就得在程式碼中直接輸入了
（二）HTML文件外，成為獨立的CSS樣式表檔
運用CSS樣式面板==>新增CSS規則==>如下圖所示, 將規則定在新增樣式表檔
則CSS樣式規則的語法寫在HTML文件外的CSS樣式表檔
10-2. CSS的使用比較
※ 行內樣式的優先權大於文件樣式
但行內樣式的靈活運用度較低, 維護管理也較不易。
※ 外部樣式檔附加進來的方式
（１）連結方式
（２）匯入方式
「連結」的方式及「匯入」的方式，一樣都可以同時讓多個HTML文件附加，並且在修改樣式時每一個HTML檔亦是同步更新樣式的。那麼它們有什麼不同呢？不同的是用戶端附加樣式的時機不同，連結是要顯示的時候才連結到樣式表呈現結果，而匯入是HTML文件一載入時即將樣式表檔中的樣式全部匯入到文件。另外，「匯入」的方式還可以階層式地管理樣式檔，如下圖所示。
