先说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了。只要目录关系正确，清晰，能提高开发效率，怎么都可以。
更换背景图片有两种方式：1、直接给元素附加css，因为js附加的css样式要比css中的样式权限高，那么js设置的背景图片就会覆盖之前的图片
$(this).css("background","url(1.jpg) no-repeat 0 0")
2、写两个class，一个class里面写一个背景图片，js中操作的话直接改变元素的class就可以了
$(this).removeClass('classA').addClass('classB')
相对而言，第二种方式更好一点，实现了js中尽量不书写css的理念，同时第二种可以实现背景图片不断替换，而第一种不行
