css盒子模型知识梳理

div{margin:10px; padding:40px; border:1px;dotted green; }
css

margin

margin

1.CSS margin(外边距)属性定义元素周围的空间。margin 清除周围的(外边框)元素区域。 margin 没有背景颜色,是完全透明的。margin 可以单独改变元素的上,下,左,右边距, 也可以一次改变所有的属性。2.可能的值: auto 设置浏览器边距。 length 定义一个固定的margin(使用像素,pt,em等) % 定义一个使用百分比的边距 3.Margin - 单边外边距属性:在CSS中,它可以指定不同的侧面不同的边距, 4.Margin - 简写属性:为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。 这就是所谓的简写属性。所有边距属性的简写属性是 margin。

显示更多

css border

1.CSS边框属性允许你指定一个元素边框的样式和颜色。比如:圆角边框,红色底部边框,左侧边框带宽度。 2.边框样式属性指定要显示什么样的边界。 border-style属性用来定义边框的样式。 border-style 值:none: 默认无边框,dotted: 定义一个点线边框,dashed: 定义一个虚线边框 3.边框宽度:您可以通过 border-width 属性为边框指定宽度。 为边框指定宽度有两种方法:可以指定长度值,比如 2px 或 0.1em(单位为 px, pt, cm, em 等) 或者使用 3 个关键字之一,它们分别是 thick 、medium(默认值) 和 thin。 注意:CSS 没有定义 3 个关键字的具体宽度,所以一个用户可能把 thick 、medium 和 thin 分别设置为等于 5px、3px 和 2px,而另一个用户则分别设置为 3px、2px 和 1px。 4.边框颜色:border-color属性用于设置边框的颜色。可以设置的颜色: name - 指定颜色的名称,如 "red". RGB - 指定 RGB 值, 如 "rgb(255,0,0)"; Hex - 指定16进制值, 如 "#ff0000".

css padding

1.CSS padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。 2.当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充。 单独使用 padding 属性可以改变上下左右的填充。 3.填充-简写属性:为了缩短代码,它可以在一个属性中指定的所有填充属性。 这就是所谓的简写属性。所有的填充属性的简写属性是 padding。 4.填充- 单边内边距属性:在CSS中,它可以指定不同的侧面不同的填充。