您好，css代码写到单独的.css文件中中叫做外连样式。将style标签中间的内容复制到一个独立的文件中，并用.css作为后缀命名，然后在引用的html文件中用以下方式引用即可。
<link type="text/css" rel="stylesheet" charset="utf-8" href="path/stylename.css"/>实际使用事请将path/stylename.css替换为实际的css文件路径！
对这个问题，我们应该首先想到，既然系统允许在两个不同的地方存放CSS内容，就必然有其一定的原则。这个原则就是，当你的CSS本身内容较少同时该CSS只供为数不多的几个网页使用时，则应该在head部分直接输入CSS的内容，浏览器在装载网页的同时也装载了CSS，运行速度和效率大大提高。反之，如果CSS本身内容较多且使用该CSS的网页也比较多时，则应该将该CSS保存在单独的文件中，这样可使网页显得较为简洁。根据这个原则来合理地使用CSS，可在一定程度上使网页的运行速度、效率和代码的简洁度上获得较好的平衡。用dw新建站点，然后运行就是了。。。。比如你的index.html是在桌面或者d盘某个文件夹，css同样放在一起。然后<link href="css.css" rel="stylesheet">就可以了。切页面图片同样是放在images文件夹中就可以了。相对地址的概念你可以想想。
