今天來(lái)介紹一種打開(kāi) CSS 樣式的方式。
我們通常使用的是文本編輯器，比如 Sublime、Atom、VS Code 等，打開(kāi)我們的 CSS 文件，然后在其中寫入我們需要的樣式。但是，在 Sublime 中，我們可以使用另外一種方式打開(kāi) CSS 樣式。
首先，我們需要使用 Sublime 打開(kāi)一個(gè) HTML 文件，然后在其中打開(kāi)我們需要的 CSS 文件。接下來(lái)，我們按下快捷鍵 Command + Shift + P（Mac）或 Ctrl + Shift + P（Windows），然后在彈出的輸入框中輸入 "CSS Example："，就會(huì)彈出一個(gè) CSS 樣式的演示窗口。
在這個(gè)演示窗口中，我們可以輸入我們需要的樣式代碼，然后點(diǎn)擊左上角的 "run" 按鈕，就可以在下面的 "output" 區(qū)域看到效果。
這是一種非常方便的方式，可以在不打開(kāi)編輯器的情況下快速調(diào)試 CSS 樣式。提高了我們的開(kāi)發(fā)效率。
下面是具體的代碼演示：
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落</p>
</body>
</html>
<style>
p {
color: red;
font-size: 20px;
}
</style><p> 標(biāo)簽被設(shè)置為紅色字體，大小為 20 像素。</p>
總結(jié)一下，我們可以通過(guò) Sublime 中的 "CSS Example："打開(kāi) CSS 樣式的演示窗口，提高我們的調(diào)試效率。