CSS笔记（三）盒子模型

盒子模型：CSS假定所有HTML文档元素都生成一个矩形盒子，通过设定盒子属性实现布局。

---

 

内边距padding：可以是长度值或百分比，不可是负值。(上、右、下、左)（百分比相对于其父元素的width，上下也是！！！）

单边设置 padding-top、padding-right、padding-bottom、padding-left

---

 

边框border：可以设定元素边框样式、宽度和颜色。(上、右、下、左)

1、边框样式 border-style

一个边框设置多个样式

单边设置 border-top-style、 ......

 二者等价（单边属性在后）

2、边框宽度 border-width(默认是none！)

单边设置 border-top-width、......

3、边框颜色 border-color

单边设置 border-top-color、......

---

 

外边距margin：可以是长度值、百分比、负数。(上、右、下、左)（百分比相对于其父元素的width，上下也是！！！）

单边设置 margin-top、......

margin:auto; 页面左右空白自适应并相等！！！！

---

 

值复制

---

 

css要首先设置：