CSS放在文件夾內(nèi)是Web開發(fā)中一個很普遍的做法。這樣有助于組織和管理CSS文件。同時，CSS文件夾內(nèi)的文件也可以被多個HTML文件共用，避免了重復(fù)的代碼。
下面是一個示例的CSS文件夾結(jié)構(gòu)：
CSS/ ├── reset.css ├── style.css ├── layout.css └── components/ ├── buttons.css ├── forms.css └── nav.css
在這個結(jié)構(gòu)中，我們把通用的CSS樣式放在了reset.css中，主要的樣式放在了style.css中，布局相關(guān)的樣式放在了layout.css中，而各個組件的樣式則分別放在了它們對應(yīng)的文件中。
在HTML文件中，我們只需要通過<link>標(biāo)簽來引用這些CSS文件：
<head> <link rel="stylesheet" href="CSS/reset.css"> <link rel="stylesheet" href="CSS/style.css"> <link rel="stylesheet" href="CSS/layout.css"> <link rel="stylesheet" href="CSS/components/buttons.css"> <link rel="stylesheet" href="CSS/components/forms.css"> <link rel="stylesheet" href="CSS/components/nav.css"> </head>
通過這樣的引用方式，我們可以輕松地管理和維護(hù)我們的CSS文件。如果需要修改某個組件的樣式，我們只需要找到對應(yīng)的文件進(jìn)行修改，不會影響到其他組件或頁面的樣式。