解决修改CSS文件后网页显示不生效问题

刚开始学CSS，HTML+CSS+Div虽说是上个世纪就有产生的发明，但我却不会。不过，不要紧，学就是了。

问题是这样的：
我编写HTML文件，并调用CSS文件实现布局美化。然后，经常出现明明已经修改过CSS文件 但 HTML页面却并没有产生变化的现象。

怎么办？
##CSS语法
作为初学者，首先想到的时自己写错了。所以查找正确的语法，如这一文章中提到的HTML调用CSS管理、美化div，仔细检查，发现语法是OK的。换新的终端或新的浏览器能看到变化。

##缓存
既然语法的问题解决了，那么不生效显然就是缓存问题引起的了。
我日常使用Chrome浏览器，因为F12有开发模式，调试检查参数十分方便。
那么，问题来了：

Chome浏览器如何清楚缓存呢？

每次去设置里清除一下历史记录显然是不行的，有没有什么设置可以永久性的解决问题呢？

我找了很久都没有找到。这里，要特别感谢@xiuzhentianting的文章：如何禁用Chrome浏览器的CSS缓存。

具体方法我在这里抄录一下：
在开发者模式下（F12进入），打开设置页面（F1），勾选 Disable cache (while DevTools is open)即可。

Created with Raphaël 2.2.0 F12 F1 勾选 `Disable cache (while DevTools is open)`

到这里，我要当了那啥再立一下牌坊，我抄录是因为原贴的题目对于CSS小白来说，并不一定能马上想到是CSS缓存问题引起的。即使想到了，也不一定恰巧就是Chrome用户，所以在这里让再次整理解决方法。