在前端開發中，CSS（層疊樣式表）是不可或缺的一部分，它是用于控制網頁樣式和布局的語言。那么，我們如何打開CSS規則定義呢？下面將介紹幾種方法：

<style>
/* CSS規則定義 */
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 2.5rem;
text-align: center;
}
</style>

以上是一段CSS規則定義的代碼示例，接下來解釋一下如何打開：

方法一：直接在HTML文件中打開

首先，我們需要有一個HTML文件。在該文件中，可以使用`