標記語言 CSS(Cascading Style Sheets)是一種用于控制網頁樣式和布局的語言。它通過定義頁面元素的樣式，來控制它們的外觀和行為。在本文中，我們將介紹CSS的基本概念、語法和用法，以及如何使用CSS來創(chuàng)建具有吸引力和易讀性的網頁。
## 基本概念
CSS具有Cascading(繼承)的特性，這意味著元素的樣式可以基于其子元素的樣式來定義。這意味著，如果子元素具有相同的樣式屬性，則該元素的樣式將自動應用到其子元素上。另外，CSS還有層疊(Stacking)和優(yōu)先級(Priority)的特性，可以用于控制樣式的覆蓋和順序。
## 語法
CSS的語法比較簡單，主要包括以下幾個部分：
### 屬性
屬性是CSS中用于設置元素的樣式屬性。這些屬性包括：
- `background-color`：設置背景顏色。
- `color`：設置文本顏色。
- `font-size`：設置字體大小。
- `font-style`：設置字體樣式。
- `font-family`：設置字體家族。
- `line-height`：設置行高。
- `width`：設置寬度。
### 值
值是用于指定屬性的值。這些值可以是任何字符串、數字或字母。例如，`100px` 表示字體大小為 100 像素。
### 選擇器
選擇器是用于選擇元素的標記。這些標記包括：
- `*`：選擇所有元素。
- `[type=""]`：選擇具有指定類型的元素。例如，`[type="text"]` 選擇文本元素。
- `[type="button"]`：選擇按鈕元素。
### 列表
列表是用于在屬性和選擇器之間傳遞多個值的標記。例如，`<ul>` 標簽可以包含一個或多個子列表，每個子列表包含一個或多個元素。
## 使用 CSS
使用 CSS 可以創(chuàng)建許多不同類型的網頁。以下是一些常見的使用 CSS 的方式：
### 創(chuàng)建背景顏色
可以使用 CSS 創(chuàng)建背景顏色，如下所示：
```html
<style>
body {
background-color: #f00;
</style>
### 創(chuàng)建邊框和背景
可以使用 CSS 創(chuàng)建邊框和背景，如下所示：
```html
<style>
body {
background-color: #fff;
background-size: cover;
background-position: center center;
邊框-width: 20px;
邊框-style: solid;
邊框-color: #000;
</style>
### 創(chuàng)建文本樣式
可以使用 CSS 創(chuàng)建文本樣式，如下所示：
```html
<style>
body {
font-family: Arial, sans-serif;
font-size: 16px;
</style>
### 創(chuàng)建表格樣式
可以使用 CSS 創(chuàng)建表格樣式，如下所示：
```html
<style>
table {
border-collapse: collapse;
width: 100%;
th, td {
border: 1px solid #ccc;
padding: 8px;
background-color: #007bff;
color: #fff;
text-align: center;
background-color: #fff;
color: #007bff;
text-align: left;
</style>
```html
<style>
color: #007bff;
text-decoration: none;
a:hover {
color: #fff;
text-decoration: underline;
</style>
### 創(chuàng)建按鈕樣式
可以使用 CSS 創(chuàng)建按鈕樣式，如下所示：
```html
<style>
input[type="button"] {
background-color: #007bff;
color: #fff;
border: none;
padding: 10px 12px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
</style>
這些只是 CSS 的一小部分用法，CSS 還有很多其他的用途，可以通過不斷嘗試和練習來熟悉它。