### 盒子模型 ~~~ margin:0; //四个方向都改变 margin:0 10px; //top,bottom为0px;left,right为10px margin:0 10px 20px; //top 0;left,right 10px;bottom 20px; //padding如上 ~~~ ### 样式重置 `*{margin：0；padding:0;}` ### 常见的css样式 ~~~ color:设置文字的颜色 width:设置一个元素的宽度 height:设置一个元素的高度 background-color:设置背景颜色 background-image:设置一个元素的背景图片 line-height:设置文字的行高 text-align:设置文字对其的方式 border-width:边框的宽度 border-style:边框的样式 border-color:边框的颜色 p:hover{color:blue}当鼠标移动到元素上时可以改变元素的css样式 ~~~