html代碼和css代碼完全分離就是使用外接css樣式表的方式設置樣式，這樣可以使得布局和樣式分離實現解耦，可以使非常復雜的頁面變得清晰，有利於以後的改版維護。
工具原料：編輯器、瀏覽器
1、將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>
2、以上的文件可以看出HTML文件只有HTML代碼，css樣式表單獨壹個文件放在css.css文件中，這樣實習了HTML代碼和css代碼的解耦。