先说CSS文件:
现在一般用CSS预处理器,比如SCSS 或者 LESS 来进行管理。个人喜好使用SCSS,因为基本语法跟CSS一样,甚至CSS文件后缀名改成SCSS,就是一个SCSS文件了~!所以,我用SCSS来管理CSS文件。
一个网站中,设计到的板块很多,样式也很多,功能也多,所以SCSS我一般我会按照功能,板块之类的分成几大块。比如,我会用以下SCSS文件:
_public.scss 公用样式,去掉浏览器的差异
_button.scss 按钮样式模块,专门做按钮用的。
_font.scss 字体图标。
_banner.scss banner部分的样式
_header.scss 头部样式。等等
然后在一个 web.scss中,通过 @import 命名导入对应的样式。比如:
@import "public"@import "button"
这样,scss会把多个scss文件整合为一个css文件~!非常方便~!具体scss,你可以查看中文官网。https://www.sass.hk
至于图片:
一般我都放在 images文件夹中。也有人喜欢用 img 作为这个文件夹名字,无所谓。
然后再images里面,根据项目需要再分几个文件夹就ok了。只要目录关系正确,清晰,能提高开发效率,怎么都可以。
把css提出来写在css文件中的目的就是html与css的分离,避免代码混乱,方便修改编辑。
把所有css代码全部写在一个css文件中,当css代码越来越多,包含的文件越来越多后,会加剧代码的混乱,难修改。
并且,不分文件的混写css,会造成css优先级混乱,关系复杂及无意义classname、id的增加,都进一步的让代码杂乱而失去html与css分离的最初目的。