CSS（Cascading Style Sheets）是一種用于網頁樣式設計的語言，它可以讓我們對HTML文件中的元素進行樣式設置，從而使網頁看起來更加美觀、整潔。

但是，很多初學者在學習CSS的時候會覺得它與HTML標記在一起過于混亂，不容易維護。因此，我們需要將CSS與HTML分開來寫，以更好地管理網頁的樣式。

Welcome to my web page!
This is a paragraph of text.
List item 1
List item 2
List item 3

以上是一個基本的HTML文件，并在標記內引入了外部的CSS文件。下面我們來看一下如何將CSS與HTML分開。

/* CSS代碼 */
body {
background-color: white;
color: black;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
h1 {
color: #00bfff;
font-size: 32px;
letter-spacing: 2px;
}
p {
margin-bottom: 1em;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
background-color: #f2f2f2;
padding: 10px;
margin-bottom: 5px;
}

以上是樣式文件 style.css 中的 CSS 代碼。我們可以看到，這些樣式設置并沒有和 HTML 文件混在一起，而是保存在一個獨立的文件中，方便管理和維護。

總的來說，將 CSS 與 HTML 分開來寫能夠大大提高代碼的可讀性、可維護性，減少代碼的復雜性，使網頁設計更加簡潔明了，也為后續的修改和開發帶來很大便利。