//这里放texst.css里面的CSS，如下：
.top{
height:100px
width:100px
background:#ccc
}
</style>
<body>
.....
</body>
1
新建一个html文件，命名为test.html，用于讲解html中如何导入css。
请点击输入图片描述
2
在test.html文件内，使用div创建一个模块，下面将对该div进行css样式的定义。
请点击输入图片描述
3
在test.html文件内，设置div的class属性为mydiv，主要用于css文件对该类名进行样式定义。
请点击输入图片描述
4
新建一个css文件夹，在文件夹内创建一个css文件，命名为test.css，用于编写css样式。
请点击输入图片描述
5
在test.css文件内，使用div的类名进行样式定义，设置div的宽度、高度均为200px，背景颜色为黄色。
请点击输入图片描述
6
在test.html文件内，使用link标签导入test.css样式文件，href为css路径。
请点击输入图片描述
7
在浏览器打开test.html文件，查看实现的效果。
怎样解决css缓存的问步骤1/6
新建一个html文件，命名为test.html，用于讲解怎样解决css缓存的问题。
步骤2/6
在test.html文件中，使用div标签创建一个模块，用于测试。
步骤3/6
在test.html文件中，给div标签添加一个class属性，用于样式的设置。
步骤4/6
新建一个css文件，命名为test.css，在文件内通过class定义div的css样式 ，设置其宽度为200px，高度为200px，背景颜色为红色。
步骤5/6
在test.html文件中，在js标签内，使用write()方法输出css文件的link标签，并在css路径的末尾通过日期对象随机一个数字。
步骤6/6
在浏览器打开test.html文件，查看页面效果，css文件就不会缓存了。
1、使用div标签创建一个模块，创建一个css文件。
2、在js中，通过class获得div对象，使用write()方法输出css文件的link标签，并在css路径的末尾通过日期对象随机一个数字。
