工具原料:编辑器、浏览器
将HTML代码和css代码放在不同的文件中,然后只在HTML中引用css文件,实现HTML文件中只用HTML结构代码,css样式仅在css文件中,简单的示例如下:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<linkrel="stylesheet"type="text/css"href="css.css">
<title>Document</title>
</head>
<body>
<ulclass="list">
<liclass="li_list"></li>
<liclass="li_list"></li>
<liclass="li_list"></li>
<liclass="li_list"></li>
<liclass="li_list"></li>
</ul>
</body>
</html>
以上的文件可以看出HTML文件只有HTML代码,css样式表单独一个文件放在css.css文件中,这样实现了HTML代码和css代码的解耦。

本文转载自中文网
本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55681.shtml