網頁分成三個部分：結構（html）
表現（css）
行為（javascript）
css（層疊樣式表）
網頁實際上是一個多層次結構，通過css可以分別為網頁的每一個層來設置樣式，而我們看到的只是網頁的最上邊一層
總之一句話，css用來設置網頁中的元素樣式
樣式表
方式A（內聯樣式，行內樣式）：
在標簽內部通過style屬性來設置元素的樣式
缺點：使用內聯樣式，樣式只能對一個標簽生效，如果希望影響到多個元素，必須每個元素都復制一遍，且當樣式發生變化時，我們必須要一個個的進行修改，非常的不方便
注：開發時絕對不要使用內聯樣式
<p style="color:顏色； font-size:大小；">需要改變的內容</p>
樣式B（內部樣式表）：
將樣式編寫到head中的style標簽里面，然后通過css的選擇器來選中元素，並為其設置各種樣式，可以同時的為多個標簽設置樣式，並且只需要修改一處即可全部應用
內部樣式表能更加方便的對樣式進行重復使用
缺點：內部樣式表只能對一個網頁起作用，不能進行跨頁面復用
<style>
p{
color:顏色；
font-size：尺寸大小；
}
</styel>
樣式C（外部樣式表）最佳實踐
可以將css樣式編寫到一個外部的css文件中，然后通過link標簽來引入外部css文件
外部樣式需要通過link標簽來引入，一位着只要想使用這些樣式的網頁都可以對其進行引用，樣式可以在不同頁面之間進行復用
將樣式編寫到外部的css文件中，可以使用到瀏覽器的緩存機制，從而加快網頁的加載速度，提高用戶體驗
<head>
<link rel="stykesheet" href="css樣式所在路徑">
</head>
p{
color:顏色；
font-size:尺寸大小；
}