工具原料:编辑器、浏览器
将HTML代码和css代码放在不同的文件中,然后只在HTML中引用css文件,实现HTML文件中只用HTML结构代码,css样式仅在css文件中,简单的示例如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css.css"> <title>Document</title> </head> <body> <ul class="list"> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> </ul> </body> </html> |
以上的文件可以看出HTML文件只有HTML代码,css样式表单独一个文件放在css.css文件中,这样实现了HTML代码和css代码的解耦。
本文转载自中文网
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h57641.shtml