前端学习笔记之CSS元素划分与display

一、CSS元素划分

1.块级元素与行内级元素

划分标准-------能不能在同一行显示

1）块级元素---独占父元素的一行

2）行内级元素---和其他元素可以在同一行显示

块级元素、行内级元素与替换元素、非替换元素

主要注意行内级元素中可以替换的元素：img、input、video、iframe

二、display

display能改变元素的类型，有四个常用值

1）block-----（浏览器默认给块级元素设置display）

2）inline-----（将block元素转回行内元素）

3）none------（隐藏元素，不占据空间）

4）inline-block------（可以和其他元素显示在同一行）（可以设置宽度和高度）

，与替换元素类似

利用display做隐藏效果，

先将想要默认隐藏的东西设置为display:none;

然后通过鼠标移动事件hover将隐藏的东西设置为display:block

三、visibility和overflow

visibility元素有两个值----visible和hidden

visibilty:hidden与display:none的区别

前者隐藏元素时仍然会占据原来的位置，只是被隐藏了而已。

overflow：