web實驗三 CSS用法的文章示例如下：

隨著現代網頁設計的不斷發展，CSS已經成為網頁設計不可或缺的一部分。CSS可以用于控制網頁的布局、樣式、顏色、字體等等，從而使網頁更加美觀和易于閱讀。在本文中，我們將探討CSS的三種主要用法：選擇器、偽元素和屬性選擇。

1. 選擇器

選擇器是CSS中最基本的語法之一，它允許您選擇HTML元素中的某些屬性或樣式。選擇器包括：

- id選擇器：用于選擇具有id屬性的HTML元素。

- class選擇器：用于選擇具有class屬性的HTML元素。

- style選擇器：用于選擇HTML元素及其子元素。

- element選擇器：用于選擇HTML元素的本身。

下面是一個簡單的例子，演示如何使用選擇器選擇HTML元素：

#my-element {

color: red;

在這個例子中，id選擇器用于選擇名為“my-element”的HTML元素，并設置其顏色為紅色。

2. 偽元素

偽元素是CSS中另一種重要的語法，它可以用于創建動態的HTML元素。偽元素包括：

- <div>：一個靜態的盒子元素。

- <span>：一個文本元素，可以設置為字體、顏色、大小等等。

- <p>：一個段落元素，可以設置為字體、顏色、大小等等。

下面是一個簡單的例子，演示如何使用偽元素創建動態的HTML元素：

<div>

<span>這是一個文本</span>

</div>

在這個例子中，使用偽元素<span>創建了一個文本元素，并將其設置為字體、顏色、大小等等。

3. 屬性選擇

屬性選擇是CSS中另一種重要的語法，它允許您選擇HTML元素及其子元素或它們的屬性。屬性選擇包括：

- id屬性：用于選擇具有id屬性的元素及其子元素。

- class屬性：用于選擇具有class屬性的元素及其子元素。

- style屬性：用于選擇具有style屬性的元素及其子元素。

- element屬性：用于選擇HTML元素本身。

下面是一個簡單的例子，演示如何使用屬性選擇選擇HTML元素及其子元素：

#my-element .my-class {

color: blue;

在這個例子中，id選擇器用于選擇名為“my-element”的HTML元素，并使用“.my-class”選擇器選擇其子元素，并設置其顏色為藍色。