CSS盒模型概念及企业应用规则(2种类)

CSS盒模型概念

1.边框的种类及写法:

边框：宽度 样式 颜色
solid直线边框
dashed虚线边框
dotted点线边框
double双实线边框

2.内边距的写法(padding)

同外边距一样

3.怪异盒模型

怪异盒模型 */

​ box-sizing: content-box;默认值

​ box-sizing: padding-box;

父子元素外边距合并

1.给父级设置一个边框
border: 1px solid transparent;
2.给父级设置内边距
padding: 1px;
3.溢出隐藏
overflow: hidden;
4.给子级或父级任何一方添加display:inlineblock;
5.给子级或父级任何一方添加浮动
6.给子级或父级任何一方添加定位