├── index.html ├── css/ │ ├── style.css │ ├── reset.css │ └── ... ├── js/ │ ├── main.js │ └── ... ├── img/ │ ├── logo.png │ └── ... └── ...
第一种选择是将CSS文件存放在一个单独的文件夹中。这个文件夹可以命名为“css”或者“styles”，具体可以根据个人喜好来命名。
在这个文件夹中，可以存放所有的CSS文件，如“style.css”、“reset.css”等。这样的好处是，CSS文件与其他文件分开存放，更加有条理，便于维护。
├── index.html ├── styles/ │ ├── style.css │ ├── reset.css │ └── ... ├── js/ │ ├── main.js │ └── ... ├── img/ │ ├── logo.png │ └── ... └── ...
第二种选择是将CSS文件存放在与HTML文件相同的目录中。这个做法也是非常常见的。
将CSS文件和HTML文件存放在同一个目录中，可以避免在HTML文件中引入CSS文件时使用相对路径。这样，在HTML文件中引入CSS文件时，可以直接使用“style.css”而不是“../styles/style.css”。
├── index.html ├── style.css ├── js/ │ ├── main.js │ └── ... ├── img/ │ ├── logo.png │ └── ... └── ...
当然，还有其他的选择，如将CSS文件存放在静态文件服务器上，再通过链接引入。
总之，无论选择哪种方式，都应该保持一致性，遵循一定的规范，这样才能更好地维护网站。