DIV+CSS 盒子模型

1、鼠标光标的属性

 

 

2、块级元素：div、p、h1~h6、ul、ol、dl、table

特点：(1)独占一行，可以设置宽高

3、行内(内联)元素：span、a、img、label

特点：不会独占一行，靠内容撑起，不能设置宽高(即使设置了也不起作用)

4、块级元素转换成行内元素：display:inline;

注：块级元素转换成行内元素，就具有行内元素的所有特点。

 

 

5、行内元素转换成块级元素：display:block;

注：行内元素转换成块级元素，就具有了块级元素的所有特点。

 

 

6、隐藏元素：display:none;

 

 

7、CSS盒子模型->外边距：margin//边框与边框之间的距离(盒子与盒子之间的距离)

（1）块级元素：（箭头位置就是margin）

 

 

注意：块级元素的垂直方向相邻的外边距取最大值（会合并）

**块级元素如何实现水平居中：margin:0 auto;//必须保证左右是auto

 

 

(2)行内元素：

**没有上下外边距，有左右外边距，并且左右外边距的值不会合并（取和）

 

 

8、内边距：padding  //元素内容到元素边框的距离（箭头位置就是padding）

 

 

 

 

如何清除内外边距：(写网页时，首先清除内外边距)