前端学习之CSS---盒子模型、溢出属性、元素显示类型

盒子模型、溢出属性、元素显示类型

一、盒子模型常见特性和问题

1、内边距

• 在给div设置了padding以后，div的高度和宽度会计算content本身加上padding的大小
• padding : 30px 一个值的时候四周全部设置，两个值先上下后左右，三个值就是上 左右 下，四个值上 右 下 左
• padding:top right bottom left
• 不支持负值
   

2、边框

• 设置了边框以后，div的高度和宽度计算也会加上边框的大小
• border:10px solid red粗细-样式-颜色
• 样式：solid double dashed dotted
• border-width boder-color border-style可分别给上下左右设置不同的值

 

3、外边距

• margin也有四个方向，同padding
• 不计算在div的大小内，属于外边距
• *{margin:0 ; pad