怎么将html与css分开

工具原料：编辑器、浏览器

将HTML代码和css代码放在不同的文件中，然后只在HTML中引用css文件，实现HTML文件中只用HTML结构代码，css样式仅在css文件中，简单的示例如下：

!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代码的解耦。

以上就是怎么将html与css分开的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！