CSS是一種用于創建網頁樣式和布局的編程語言。在Web開發中，CSS可以用于改變網頁的外觀，包括字體、顏色、邊距、寬度和高度等。本文將介紹CSS的基礎知識和常用屬性。

1. 定義樣式

CSS可以通過樣式表來定義樣式。在樣式表中，可以使用屬性來定義樣式，這些屬性可以控制樣式的細節，如顏色、字體、大小等等。

例如，我們可以使用CSS屬性`color`來定義字體顏色，如下所示：

```css

body {

color: #ff0000; /* 黑色 */

我們也可以使用其他屬性，如`font-size`和`font-family`，來控制字體的大小和名稱：

```css

body {

font-size: 16px; /* 字體大小為16像素 */

font-family: Arial, sans-serif; /* 字體名稱為Arial，無serif */

2. 選擇器

選擇器是CSS中用于選擇元素的語法。選擇器允許我們選擇具有特定屬性或值的元素。

例如，我們可以使用CSS選擇器`#my-element`來選擇頁面中的元素，如下所示：

```css

#my-element {

background-color: #ff0000; /* 背景顏色為黑色 */

我們也可以使用其他選擇器，如`+`選擇器(選擇前一個或多個子元素)和`:hover`選擇器(在鼠標懸停時選擇元素)等：

```css

#my-element + li {

font-size: 20px; /* 選擇第一個li元素，其子元素將具有20像素的字體大小 */

#my-element:hover li {

font-size: 22px; /* 選擇鼠標懸停時的li元素，其子元素將具有22像素的字體大小 */

3. 屬性

CSS中的屬性是用于控制樣式的值。屬性可以是數字、字母或下劃線。

例如，我們可以使用CSS屬性`background-color`來設置背景顏色，如下所示：

```css

background-color: #ff0000; /* 背景顏色為黑色 */

我們也可以使用其他屬性，如`color`和`font-family`，來控制字體的顏色和名稱：

```css

background-color: #ff0000; /* 背景顏色為黑色 */

color: #fff; /* 字體顏色為白色 */

font-family: Arial, sans-serif; /* 字體名稱為Arial，無serif */

4. 偽類

偽類是CSS中用于創建各種樣式的語法。偽類允許我們使用不同的樣式規則來創建不同的樣式效果。

例如，我們可以使用CSS偽類`@keyframes`來定義動畫，如下所示：

```css

@keyframeskeyframes_animation {

0% {

background-color: #000;

50% {

background-color: #fff;

100% {

background-color: #000;

上面的CSS偽類定義了一個名為`keyframes_animation`的動畫，它將背景顏色從黑色轉換為白色，并在50%和100%時改變顏色。

通過以上介紹，我們可以了解CSS的基本知識和常用屬性。掌握這些知識，可以幫助我們更好地創建Web頁面的樣式。