css盒子模型
content内容
- 内容可以是文本,图片等多种类型
- 属性:width height overflow 【1】hidden:溢出部分不可见【2】visible:溢出内容信息可见,只是被呈现在盒子外部【3】scroll:滚动条自动添加到盒子中,用户可以通过拉动滚动条显示内容信息【4】auto:由浏览器处理溢出部分
padding填充
1.填充内容和边框空间(文本内容和边框)
2.属性:padding-top padding-left padding-bottom padding-right
border边框
1.属性:brder-style十分重要,不指定边框样式其他边框都会被忽略,边框不存在:dotted(点线)、dashed(虚线)、solid(实线),border-width:可以指定边框宽度,可以是规定的thin、medium、thick, border-color
margin空白边
1.是盒子的外围
2.属性:margin-top …,与填充属性类似,对于相邻的(水平或垂直的)且设置有空白边值的盒子,边界会合并,取值大的