解决方法：
1）CtrlF5，清除浏览器缓存（等同于浏览器-->历史数据-->删除cookies）注意：如果是利用F12中的Disablecache，则需要F12打开控制台才能生效。
2）在js或css后加版本号，这时候浏览器客户端会认为这是不同版本的js或者css文件，会自动重新刷新下载（浏览器会缓存下载页面js和css文件）2.1）形如：.css?v=x或者css?version=x2.2）形如：.js?v=x或者css?version=x
3）使用gulp等进行前端构建
HTML 代码-01
打开以上的 HTML 可以看到什么都没有, 因为 div 并没有设置宽高和颜色等...
打开 HTML-01
先书写一段 HTML 代码为一会儿的 Css 样式做准备
新建记事本
在同级下创建一个 *.txt 记事本文件 ( 本次选择建在同级, 且命名为 index, 有需要也可以放在 css 专属文件夹 或是 styles 文件夹都行 )
笔记本书写 css 样式
在笔记本中书写 Css 代码, 并保存 ( 完成后关闭 )
更改后缀名
关闭后更改文件的后缀名为 index.css, 并在 HTML 中启用 ( 连接 )
HTML 代码-02
连接好了再次打开 HTML 文件就可以看到:
打开 HTML-02
附录: 详细的 Css 代码
Css 示例代码
html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：
1、在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。
2、将style中的全部css样式选中，然后复制或者剪切。
3、然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。
4、在创建的css样式文件中，将刚才复制的文件粘贴到这里。
5、在导出时，需要放到之前网页所在的同文件夹位置，可以新创建一个css文件夹，方便寻找导入。
6、然后回到html文件中，将之前的style样式全部删除即可，然后输入link链接标签，将之前保存的css样式链接进来，保存。
