1. 設置類名

在 CSS 中，我們可以使用類名來設置樣式。類名是一個唯一的標識符，用于定義樣式。我們可以使用類名來設置字體、顏色、大小、邊框等。例如，我們可以使用以下代碼來設置一個名為“my-box”的盒子的字體顏色為紅色：

```css

.my-box {

color: red;

2. 設置屬性

除了使用類名來設置樣式外，我們還可以使用屬性來設置樣式。屬性是一個或多個單詞或符號的組合，用于指定樣式。例如，我們可以使用以下代碼來設置一個名為“my-box”的盒子的寬度為80像素：

```css

.my-box {

width: 80px;

3. 選擇器

CSS 選擇器是一種用于選擇元素的語法。選擇器包括類名、屬性、id 選擇器和偽類選擇器等。例如，我們可以使用以下代碼來選擇一個名為“my-box”的盒子：

```css

.my-box {

/* 樣式 */

4. 內聯樣式

內聯樣式是指在選擇器中使用選擇器的值來設置元素的樣式。內聯樣式會使代碼更加簡潔，但可能會影響性能。例如，我們可以使用以下代碼來設置一個名為“my-box”的盒子的字體顏色為紅色：

```css

.my-box {

color: red;

5. 清除樣式

清除樣式是指將元素的樣式設置為無。我們可以使用以下代碼來清除一個名為“my-box”的盒子的樣式：

```css

.my-box {

/* 樣式 */

6. 設置盒子的可見性

我們可以使用盒子的可見性來設置盒子的可見性。可見性是指元素在瀏覽器中可見的程度。我們可以使用以下代碼來設置一個名為“my-box”的盒子的可見性為“always”:

```css

.my-box {

display: always;

7. 設置盒子的可見性

除了使用盒子的可見性來設置盒子的可見性外，我們還可以使用其他方法來設置盒子的可見性。例如，我們可以使用以下代碼來設置一個名為“my-box”的盒子的可見性為“always”:

```css

.my-box {

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

display: always;

8. 設置盒子的透明度

我們可以使用盒子的透明度來設置盒子的透明度。透明度是指元素在屏幕上的透明度。我們可以使用以下代碼來設置一個名為“my-box”的盒子的透明度為50%:

```css

.my-box {

opacity: 0.5;

9. 選擇子元素

選擇子元素是指在選擇器中使用子元素的類名、屬性、id 選擇器和偽類選擇器來選擇子元素。例如，我們可以使用以下代碼來選擇一個名為“my-box”的盒子的子元素：

```css

.my-box > div {

/* 樣式 */

10. 選擇偽類

偽類是 CSS 中用于創建不同類型的元素的語法。例如，我們可以使用以下代碼來選擇一個名為“my-box”的盒子的偽類：

```css

.my-box {

/* 樣式 */

.my-box > div:first-child {

/* 樣式 */