CSS（層疊樣式表）支配網站的外觀和風格，或“風格”。 這是一個文件，您將添加到您的網站目錄中，該文件將包含創建頁面的視覺設計和佈局的各種CSS規則。
儘管網站可以使用並經常使用多個樣式表，但沒有必要這麼做。 您可以將所有CSS規則放在一個文件中，這樣做實際上有好處，包括更快的加載時間和頁面性能 ，因為它們不需要獲取多個文件。 雖然規模非常大，但企業網站有時可能需要單獨的樣式表，但許多中小型網站只需一個文件即可完美無瑕。 這是我用於我的大部分網頁設計工作 - 一個CSS文件，包含我的頁面需要的所有規則。 所以現在的問題就變成了 - 你應該怎樣命名這個CSS文件？
命名約定基礎
當為網頁創建外部樣式表時 ，應該按照與HTML文件類似的命名約定命名文件：
不要使用特殊字符
你只能在CSS文件名中使用字母az，數字0-9，下劃線（_）和連字符（ - ）。 雖然您的文件系統可能允許您創建其他字符的文件，但您的服務器操作系統可能會遇到特殊字符問題。 只使用這裡提到的字符更安全。 畢竟，即使您的服務器允許使用特殊字符，如果您決定在將來移動託管服務提供商 ，情況也許並非如此。
不要使用任何空格
就像使用特殊字符一樣，空格可能會導致Web服務器出現問題。 在文件名中避免它們是個好主意。 我甚至會指出，使用這些相同的約定來命名像PDF這樣的文件，以防萬一我需要將它們添加到網站。 如果您覺得需要一個空間來使文件名更容易閱讀，請選擇連字符或下劃線。 例如，而不是使用“this is the file.pdf”，我會使用“this-is-the-file.pdf”。
文件名應以字母開頭
雖然這不是絕對的要求，但有些系統遇到文件名不能以字母開頭的問題。 例如，如果您選擇以數字字符開始文件，這可能會導致問題。
使用全部小寫字母
儘管這對於文件名不是必需的，但這是一個好主意，因為某些Web服務器區分大小寫，並且如果您忘記和引用不同情況下的文件，則不會加載該文件。 在我自己的工作中，我為每個文件名使用小寫字符。 實際上，我發現這是許多新的網頁設計師難以記住要做的事情。 命名文件時它們的默認操作是大寫名稱的第一個字符。 避免這種情況，只養成小寫字母的習慣。
保持文件名盡可能短
雖然在大多數操作系統上文件名大小有限制，但它比CSS文件名的合理長度長得多。 一個好的經驗法則是不超過20個字符的文件名不包括擴展名。 實際上，比這更長的任何東西都很難處理和鏈接到任何地方！
您的CSS文件名中最重要的部分
CSS文件名最重要的部分不是文件名本身，而是擴展名。 Macintosh和Linux系統上不需要擴展，但在編寫CSS文件時最好包含一個擴展。 這樣你就可以知道它是一個樣式表，而不必打開文件來確定它將來是什麼。
這可能不是一個大驚喜，但你的CSS文件的擴展應該是：
的CSSCSS文件命名約定
如果你只有一個CSS文件在網站上，你可以任意命名。 我更喜歡：
styles.css或default.css由於我工作的大多數網站都包含一個CSS文件，因此這些名稱對我來說很合適。
如果您的網站將使用多個CSS文件，請在其功能之後命名樣式表，以明確每個文件的用途。 由於Web頁面可以有多個樣式表連接到它們，因此可以根據表單的功能和其中的樣式將樣式分成不同的表單。 例如：
- 佈局vs設計 layout.css design.css
- 頁面部分 main.css nav.css
- 整個網站的子部分 mainstyles.css subpage.css
如果您的網站使用某種框架，您可能會注意到它使用多個CSS文件，每個CSS文件專用於頁面的不同部分或網站的各個方面（排版，顏色，佈局等）。
Jennifer Krynin的原創文章。 由Jeremy Girard於9/5/17編輯