在網站開發中，CSS樣式是必不可少的一部分，它可以為網站添彩，提升用戶體驗。而Yii框架作為一款優秀的PHP框架，同樣支持使用CSS樣式。本篇文章將一步步教你在Yii框架中使用CSS樣式。
首先，我們需要在視圖文件中引入CSS樣式。通常情況下，我們會將CSS文件存放在一個單獨的文件夾中（比如web/css/），這里以此為例。
- 在視圖文件中引入CSS文件
在視圖文件（一般情況下是 .php 文件）中，我們可以使用 Yii::app() 方法引入CSS文件，代碼如下：
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/style.css');
登錄后復制登錄后復制
其中，Yii::app()->baseUrl 獲取網站根目錄的絕對路徑（例如http://www.example.com/）。我們在這里將其和 CSS 文件的相對路徑 /css/style.css 連接起來，就可以準確的指向 CSS 文件了。需要注意的是，這里的Yii::app() 表示當前的Yii應用程序。
如果要在控制器中引入CSS文件，可以使用類似以下的代碼：
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/style.css');
登錄后復制登錄后復制
- 在CSS文件中編寫樣式
在文件引入成功后，我們需要在 CSS 文件中編寫樣式。下面是一個簡單的例子：
/* style.css */
h1 {
color: red;
}
p {
font-size: 14px;
}
登錄后復制
這里定義了兩個樣式：h1 元素的文字顏色為紅色，p 元素的字體大小為 14 像素。
- 在視圖文件中使用CSS樣式
最后一步，我們需要在視圖文件中使用這些樣式。通常情況下，可以為指定的元素添加一個 class 屬性，然后在 CSS 文件中定義這個類的樣式。例如：
/* style.css */
.cool-h1 {
color: blue;
}
/* view.php */
<h1 class="cool-h1">Hello World!</h1>
<p>這是一個 Yii 網站</p>
登錄后復制
這里我們定義了一個名為 “cool-h1” 的類，在視圖文件中，我們將其添加到 <h1> 元素上，這樣就能夠應用定義在 CSS 文件中的樣式了。
綜合以上，我們可以得到一個完整的示例代碼：
/* style.css */
h1 {
color: red;
}
.cool-h1 {
color: blue;
}
/* view.php */
<?php
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/style.css');
?>
<h1 class="cool-h1">Hello World!</h1>
<p>這是一個 Yii 網站</p>
登錄后復制
在第二行使用 Yii::app() 引入 CSS 文件，第 7 行使用類名 .cool-h1 控制 <h1> 元素的樣式。
總結：
本篇文章介紹了在 Yii 框架中使用 CSS 樣式的步驟，包括引用 CSS 文件、在 CSS 文件中定義樣式、在視圖文件中使用樣式。希望可以幫助到需要的開發者們。
