更改备案网站名称,番禺网站(建设信科网络),南通网站建设兼职,棋牌软件开发一个多少钱#x1f353;盒子属性
属性名称中文注释备注border设置盒子的边框边框宽度 边框类型 边框颜色border-left设置左边框边框宽度 边框类型 边框颜色border-right设置右边框边框宽度 边框类型 边框颜色border-top设置上边框边框宽度 边框类型 边框颜色border-bottom设置下边框边框…盒子属性
属性名称中文注释备注border设置盒子的边框边框宽度 边框类型 边框颜色border-left设置左边框边框宽度 边框类型 边框颜色border-right设置右边框边框宽度 边框类型 边框颜色border-top设置上边框边框宽度 边框类型 边框颜色border-bottom设置下边框边框宽度 边框类型 边框颜色border-color设置边框颜色支持四个值上右下左顺时border-width设置边框宽度支持四个值上右下左顺时border-style设置边框类型支持四个值上右下左顺时solid实线double双实线dashed虚线dotted点状线margin设置盒子的外边距支持四个值上右下左顺时针可以同过设置左右auto使得盒子水平居中上下设置auto无效margin-left设置左外边距margin-right设置右外边距margin-top设置上外边距margin-bottom设置下外边距padding设置盒子内边距支持四个值上右下左顺时padding-left设置边框宽度设置盒子左内边距padding-right设置边框宽度设置盒子右内边距padding-top设置边框宽度设置盒子上内边距padding-bottom设置边框宽度设置盒子下内边距
外边距的特点
⭐外边距的设置不会撑开盒子⭐背景颜色不会蔓延到外边距⭐外边距可以设置为负值⭐相邻两个盒子的上下外边距以最大的外边距的盒子的外边距为准左右外边距则是相加合并的⭐父子盒子 父盒子里面【没有内容】并且【没有内边距】并且【没有边框】并且子盒子和父盒子【都没有浮动属性】子盒子与父盒子的外边距以【最大的外边距为准】当子盒子的外边距大于父盒子的外边距时父盒子的外边距会变成子盒子的外边距父盒子里面【有内容】或者【有内边距】或者【有边框】或者子盒子【有浮动属性】或者父盒子【有浮动属性】子盒子的外边距以【盒子内容】为参照父盒子的外边距不受子盒子的影响父盒子里面设置overflow: hidden;可以触发BFC子盒子的外边距以盒子内容为参照父盒子的外边距不受子盒子的影响
内边距的特点
⭐内边距设置会撑大盒子⭐背景可以蔓延⭐内边距的值不能设置为负数否则无效
标准盒子大小计算
⭐宽度 盒子宽度 左内边距 右内边距 左边框宽度 右边框宽度⭐高度 盒子高度 上内边距 下内边距 上边框宽度 下边框宽度
