CSS 基礎樣式選擇器是 CSS 中最基本的選擇器之一，用于控制網頁中元素的外觀和樣式。選擇器可以根據不同的條件選擇不同的元素，例如選擇文本、選擇背景色、選擇邊框樣式等等。以下是 CSS 基礎樣式選擇器的詳細介紹：

1. `background-color`：用于選擇背景色。

body {

background-color: #f0f0f0; /* 黃色 */

2. `color`：用于選擇文本。

使用 `color` 選擇器，可以選擇一個元素的主要文本顏色。這個選擇器可以匹配元素的 `color`、`text-color`、`font-color` 屬性。例如，以下代碼將選擇網頁上所有元素的 `color`:

body {

color: #f0f0f0; /* 黃色 */

3. `font-family`：用于選擇字體。

使用 `font-family` 選擇器，可以選擇一個元素所使用的字體。這個選擇器可以匹配元素的 `font-family`、`font-size`、`font-style`、`font-weight` 屬性。例如，以下代碼將選擇網頁上所有元素的 `font-family`:

body {

font-family: Arial, sans-serif; /* Arial 是常用的字體， sans-serif 表示沒有襯線字體 */

4. `font-size`：用于選擇字體大小。

使用 `font-size` 選擇器，可以設置一個元素的主要文本大小。這個選擇器可以匹配元素的 `font-size`、`line-height`、`text-height` 屬性。例如，以下代碼將選擇網頁上所有元素的 `font-size`:

body {

font-size: 16px; /* 16 像素 */

5. `line-height`：用于選擇行高。

使用 `line-height` 選擇器，可以設置一個元素的水平分隔符高度。這個選擇器可以匹配元素的 `line-height`、`text-height` 屬性。例如，以下代碼將選擇網頁上所有元素的 `line-height`:

body {

line-height: 1.5; /* 1.5 像素 */

6. `text-height`：用于選擇文本高度。

使用 `text-height` 選擇器，可以設置一個元素的主要文本高度。這個選擇器可以匹配元素的 `text-height`、`line-height` 屬性。例如，以下代碼將選擇網頁上所有元素的 `text-height`:

body {

text-height: 1.5; /* 1.5 像素 */

7. `border`：用于選擇邊框樣式。

使用 `border` 選擇器，可以選擇一個元素的邊界樣式。這個選擇器可以匹配元素的 `border-width`、`border-style`、`border-bottom-style`、`border-top-style` 屬性。例如，以下代碼將選擇網頁上所有元素的 `border`:

body {

border-width: 1px; /* 1 像素 */

border-style: solid; /* 垂直邊是實線，水平邊是斜線 */

border-bottom-style: solid; /* 垂直邊是實線，水平邊是斜線 */

8. `border-bottom-width`：用于選擇垂直邊框寬度。

使用 `border-bottom-width` 選擇器，可以設置一個元素垂直邊框寬度。這個選擇器可以匹配元素的 `border-bottom-width`、`border-style`、`border-bottom-color` 屬性。例如，以下代碼將選擇網頁上所有元素的 `border-bottom-width`:

body {

border-bottom-width: 2px; /* 2 像素 */

9. `border-top-style`：用于選擇水平邊框樣式。

使用 `border-top-style` 選擇器，可以設置一個元素水平邊框樣式。這個選擇器可以匹配元素的 `border-top-style`、`border-top-color` 屬性。例如，以下代碼將選擇網頁上所有元素的 `border-top-style`:

body {

border-top-style: solid; /* 垂直邊是實線，水平邊是斜線 */

10. `border-top-color`：用于選擇水平邊框顏色。

使用 `border-top-color` 選擇器，可以設置一個元素水平邊框顏色。這個選擇器可以匹配元素的 `border-top-color`、`border-top-width`、`border-bottom-color`、`border-bottom-width` 屬性。例如，以下代碼將選擇網頁上所有元素的 `border-top-color`:

body {

border-top-color: #000; /* 黑色 */

以上就是 CSS 基礎樣式選擇器的詳細介紹，通過選擇器，我們可以控制網頁中元素的外觀和樣式，使網頁更加美觀和易于使用。