0701 div特点、元素类型、元素居中、改变基线、设置透明度 【重要知识点】

1 div

　　自动适应宽度（即：默认宽度为浏览器的宽度），默认占据一行

　　设定宽度的div就没有margin-right;没有设定宽度的div是有margin-right

　　默认高为0，没有设定高度时可以用子元素将其撑起来

　　元素使用了浮动、定位（absolute、fixed）之后会变成块 

 

2 元素类型

　　2.1 块元素：前后的元素都会被换行，可以设置宽高度

　　2.2 内联元素：在一行的元素，不允许设置宽高度，不允许设置垂直方向的外边距

　　2.3 内联块：内联元素的块，但是拥有了块的特质，除了占据一行外

　　　　display：显示样式

　　　　　　block：块级元素

　　　　　　inline：内联元素（默认值）

　　　　　　inline-block：内联块

　　　　　　none：隐藏（不代表任何类型，仅仅是隐藏元素）

 

3 text-algin

　　居中 文字、内联元素、内联块

 

4 块元素的居中

　　margin：0 auto;

 

5 vertical-algin

　　能改变文字的基线，一般用于文字的垂直居中；那个元素高就在那个元素添加这个样式

 

6 overflow

　　hidden：超出的部分隐藏掉 -->> 可用于父div塌陷问题

　　auto：自动添加滚动条（超出就自动添加）

　　scroll：无论超出与否都会添加滚动条

 

7 opacity　　

　　设置透明度，范围是[0,1]

　　同 rgba() 的区别：rgba只能作用于颜色，opacity可以让子元素跟着拥有相应的透明度