## 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） ~~~