隐藏标签元素,display:none;只是一个开头 ,后面的和这个属性都有关系!
讲解的是类型之间转换!我们做网页的时候,都是分块级元素,行级元素,行块级元素,但是它们之间是怎么转换的呢?
块级元素转换成行内元素和行内块元素
- display:inline; 将块级元素转化成行能元素,拥有行内元素的所有特点
- display:inline-block 将块级元素转换成行内块级元素,拥有行内块元素的所有特点
- display:none; 将自己隐藏
行级元素转换成块级元素和行内块级元素
-
display:block 将行内元素转换成块级元素,拥有块级元素的所有特点
-
display:inline-block 将行内元素转换成行内块元素,拥有行内块元素的所有特点
-
display:none; 将自己隐藏
行内块级元素转换成行内元素和块级元素
- display:inline; 将行内块级元素转换成行内元素,拥有行内元素的所有特点,但是这里会出现一个类似错误的情况,本来的行内元素是不支持宽和高的,但是这个行内块转换成行内元素是支持宽和高的,同时又有行内元素的所有特点!
- display:block; 将行内块元素转换成块级元素,拥有块级元素的所有特点!
- display:none; 将自己隐藏
总结:各个元素之间的转换要注意细节,会产生错误的地方要多注意,多记,并且,如果你不知道哪些是块级元素之类的你可以看看我的上一篇博客,里面写了几个关于这些元素的的大概!