本文用于記錄前端開發的學習過程。前面我們已經學習了html的編寫，知道了Web開發的一些最基本的知識；在html的學習過程中，我們提到關于樣式的設計和修改常需要使用CSS來實現。那么CSS到底是什么東西呢？它又如何來設計樣式呢？
目錄
什么是CSS？
在HTML文件中直接使用
CSS語法規范
?引入樣式
1.內部樣式表
2.行內樣式表
3.外部樣式
總結
?
什么是CSS？
本文參考了CSS教程的部分內容。
CSS（級聯樣式表）是為 Web 內容設置樣式的代碼。它是一種樣式表語言；能夠對網頁中元素表位置的排版進行像素級精確控制，實現美化頁面的效果。（也許有點像化妝？）
可以理解為html決定頁面結構，CSS決定展示效果。
在HTML文件中直接使用
CSS可以寫在單獨的文件，也可以直接寫在html文件中。我們先來看如何直接在html文件中使用CSS。
在<head>標簽內部添加<style>標簽，我們在style標簽中就可以書寫CSS了。先建立一個html文件，并添加一行段落文字：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!-- 添加style標簽 --><style></style>
</head>
<body><p>這是一段文字</p>
</body>
</html>我們想要設計段落標簽的樣式，就需要在style標簽中寫出來，標簽名+大括號；按照下面的例子開始：
<style>p { color: red;font-size:40px;}</style>這個時候我們點運行：
我們可以看到字體變大并且顏色變成了紅色。?
那么，如果我們再添加一個段落呢？我們將段落添加到三條，其余不變：
?這時我們再次運行會發現每條段落的文字都做出了修改。
CSS語法規范
根據上面的例子，我們其實已經可以大概了解到CSS的書寫規范了。
CSS的語法很簡單，只需要選擇器+{一條/n條聲明}，即可設計一種標簽的樣式。
- 選擇器決定針對誰修改
- 聲明決定修改的內容
?引入樣式
CSS與html并不是同一個語言，所以要在html中使用CSS就需要引入。
1.內部樣式表
上面介紹的在html中使用<style>標簽來直接使用CSS其實是內部樣式表的引入方式。將CSS寫在style標簽中，嵌入到html內部。其實理論上來說，style放到html文件的任意位置都能運行，一般我們放在head標簽或者文件最底部。
但在實際開發過程中，這種方式并不常用。更多的是將CSS單獨放在另一個文件中，在下面的方法會有介紹。
2.行內樣式表
通過style屬性，來指定某個標簽的樣式。只適合用于寫簡單形式，只針對某個標簽生效。該方法優先級很高，會覆蓋掉其他的樣式，但不適用于寫復雜的樣式。
<p style="color:blueviolet;font-size:80px">hello world!</p>我們運行后會發現，該樣式將我們之前的樣式覆蓋掉了。
3.外部樣式
這是實際開發過程中最常用的方式。我們會將CSS單獨寫在一個CSS文件中，在html中我們使用link標簽引入CSS。
先創建一個CSS文件。（test.css）在文件中按照之前的寫法在寫一遍：
之后我們在html文件的head標簽中嵌入link標簽：
<link rel="stylesheet" href="./test.css">?stylesheet表示樣式表，用href鏈接css文件的路徑即可。
總結
通過以上學習，我們對CSS有了基本的認識。CSS是html中樣式修改十分便利的工具。我們理解了什么是CSS，知道了它的書寫規范，也了解了如何在html文件中使用CSS；有了這些基礎后，我們才能更深入地學習CSS的樣式設計。
?
)
