首先我們需要在html文件中引用外部的css文件
我們在head標簽中添加如下代碼
這樣我們就可以在css文件中DIY自己的樣式了～～～
1.標簽選擇器
書寫格式
例如我在css文件中寫如上代碼
/× 每一條樣式代碼，我們稱為聲明，所有的聲明我們稱為聲明塊×/
那么我html文件中的所有h1標簽都會應用這個樣式
以下是運行效果：
2.類選擇器
書寫格式
我們需要在書寫類名選擇器的時候，書寫類名前面加一個英文的小數點（.）
然后我們在html中書寫代碼，只要class屬性的屬性值為changeRed的都會應用changeRed的樣式
另外我們一個class屬性可以賦予多個屬性值，如圖所示，我們書寫多個屬性值，中間用空格隔開
那么就可以應用多個樣式
這一個h1標簽可以同時應用changeRed和changeSize的樣式
3.ID選擇器
書寫格式
我們需要在書寫ID選擇器的時候，書寫ID值前面加一個英文的井號（#）
這樣，只有id值為changeRed的標簽會應用該樣式
不過與類選擇器不同的是，在同一個頁面中，一個ID值是獨一無二的，只能為一個標簽賦予。