在 Web 開發中，style 分離到 CSS 是一種常見的開發模式。這種模式可以將 HTML 代碼和樣式代碼分離開來，方便我們更加清晰地編寫代碼和維護代碼。
當我們將樣式代碼從 HTML 文檔中分離出去，可以減少HTML文檔的大小，提高網頁加載速度，同時使得修改樣式更加方便快捷。而這個分離的過程通常就是通過 CSS 文件來實現的。
CSS 文件是一種純文本文件，它用來定義不同的樣式元素，如文本，顏色、背景圖像、字體和邊框等等。你可以在其中定義所有的樣式，然后在 HTML 中使用類名和 ID 來調用這些樣式。
例如，我們可以這樣定義 CSS 文件：
p {
font-size: 14px;
color: #333;
}
.title {
font-size: 20px;
color: #f00;
font-weight: bold;
}
接著在 HTML 中引入該 CSS 文件：
<head>
<link href="style.css" rel="stylesheet">
</head>
然后，在 HTML 中使用指定的樣式：
<p>Hello World! This is a simple paragraph.</p>
<p class="title">This is a title.</p>
<p>This is another paragraph.</p>
這種方式能夠輕松地讓我們調整樣式并應用于多個 HTML 元素，從而簡化了我們在 HTML 中重復定義樣式的工作。總的來說，將樣式分離到 CSS 文件以及按類和 ID 定義樣式是 Web 開發中很重要的一步。這種模式可以使得 HTML 代碼和樣式代碼分離開來，便于我們更加清晰地編寫、維護代碼，并最終提高網頁的性能。
上一篇stylus是css的
下一篇html5收藏功能源代碼