1、盒子模型的属性有:
A、边框 :border
B、内边距(填充): padding
C、外边距: margin
D、宽: width
E、高: height
2、盒子模型的层次:
A、第一层:边框(border)
B、第二层:内容和内边距(padding)
C、第三层:背景图片(background-image)
D、第四层:背景颜色(background-color)
E、第五层:外边距(margin)
3、margin:
margin:0px auto; - 设置盒子水平居中。
margin:上外边距 右外边距 下外边距 左外边距。(顺时针方向)
说明:
A、如果只有一个值 ―― 四个方向相同
B、如果只有两个值 ―― 上和下相同,左和右相同。
C、如果只有三个值 ―― 左和右相同。
D、如果只设置其中一个方向:
margin-top, margin-right, margin-bottom, margin-left;
四个子属性只代表其中一个方向。
E、设置盒子与盒子之间的间距时使用margin;
4、border:
border-style:设置边框样式
border-color:设置边框颜色
border-width:设置边框粗细
本内容试读结束,登录后可阅读更多
下载后可阅读完整内容,剩余1页未读,立即下载