同样的CSS，放在HTML内和外部文件中，以及放在不同的目录时，效果就不一样了

首先，建议不要在页面文件中写css代码。写一些简单的css在页面中，是可以的，但最好不要写包含图片等url的css。

第二，分静态文件和动态文件来进行讨论

如果是纯手工编写html或者css、js的话，建议用相对路径，比如：../../css/main.css

如果是动态文件，比如jsp、php等，最好用网站的绝对路径。比如

{ctx}/resources/main.css，其中ctx是自己定义的变量，它的值等于类似于http://localhost这种地址。

相对路径的缺点：例如：../images/zollty.png，这种写法，一旦我改变了引用页面文件的目录，这张图片就无法显示了。如果换成网站的绝对路径{ctx}/images/zollty.png，那么不论我怎么移动引用的页面文件，只要图片的地址不变，都是可以访问的。

绝对路径的缺点：对于静态文件，往往无法自动获取网站的根路径（{ctx}），所以要写绝对路径比较麻烦。