盒模型 | CSS权重 | CSS层叠
*/ /*--> */ 盒模型 CSS定义所有的元素都可能拥有像盒子一样的外形和平面空间,即都包含 边界、边框、补白、内容区域 网页中的大部分对象,实际呈现形式都是一个个盒子形状对象,页面都是由一个个盒子形状的区域拼合而成的。 盒模型关系到网页设计中排版、布局、定位等操作,任何元素都必须遵循盒模型规则。 包含: margin border padding content(内容) padding(内边距) 设定页面中一个元素内容到元素边缘(边框)之间的距离 规定了内容到达元素边缘的位置关系 规定了子元素与父元素的位置关系 注* Padding是添加在原有的大小之上的,若想保持元素大小不变,需从元素的原有大小上减去后添加的padding值 border(边框属性) 语法: border:边框宽度 边框风格 边框颜色 border-style:设定边框风格 border-style:none(无)/solid(实现)/dotted(点划线)/dashed(虚线)/double(双线) border-width:设定边框宽度 border-width:数值 单位px border-color:设定边框颜色 border-color:颜色 边框类型:(不常用属性值)groove定义3D凹槽边框 ridge定义3D垄状边框 inset outset定义3D边框(都取决于边框颜色) margin