## 1.CSS功能 為了修飾html中的元素的樣子 ## 2.樣式重置 - 部分標簽自帶預設樣式需要重置 ~~~ // '*'代表所有標簽 *{margin:0;boder:0;padding:0;} ~~~ ps:寫樣式為了更方便設置，一定要重置 ## 3.塊水平居中 ~~~ margin-left:auto; margin-right:auto; //僅對塊元素有效 ~~~ ps:字體懸停變藍，鼠標手勢變化 ~~~ p:hover{ color:blue;//顏色變化 cursor:pointer;//鼠標變化 text-decoration://文字變化 } ~~~ ## 4.內聯和內聯塊標簽 - 在不改變display屬性的前提下，實現水平居中 ~~~ body{ text-align:center; } //給內聯和內聯塊的父元素加入該代碼（此處其父元素為body） ~~~