CSS学习之旅第四期

昨天学习了内边距和外边距，今天让我们继续学习。

一、元素隐藏的方式

1.option：0；

这个属性的隐藏是通过透明实现的，虽然说是隐藏了，只是在视觉效果上看不到了，实际上还是在原先的位置。

2.display：none；

这个属性的隐藏属于我们所认知的隐藏，在页面上不占任何位置，可以正常输入其他内容，一般应用于轮播图的左右箭头，二级菜单，在CSS中也是应用最多的

3.display：block；

这个属性不属于隐藏属性与上面所说的display：none；是相对的，其属性是为了配合隐藏之后可以进行显示，一般以划过显示。

二、元素转换

为了方便理解元素之间的转换，首先要搞清楚一个问题，元素分为几类，为什么要进行转换，元素一共分为三类，第一类为行内元素，什么是行内元素呢，行内元素就是可以显示在一行，但是其不能设置宽高。比如a标签，span标签，b标签等等。注意：一定要分清楚行内元素的特点，其可以在同一行显示，但是不能像div标签一样设置宽高。第二类是块元素，块元素的特点是可以设置宽高，但是 不可以在同一行显示。切记要分清楚行内元素和块元素的区别，不要搞混了，它们两个特点是相反的。第三种是行内块元素，行内块我们可以看做是将前面两个元素的优点结合起来的，特点是既可以在同一行显示，又可以设置宽高.那么元素转换是什么呢？就是将这三类元素来回进行转换比如让行内元素转换成行内块元素或者块元素或者将行内块转换成行内元素等等。
2.1行内元素转行内块

a{
display:inline-block;
}

这个是行内元素转行内块，还有一个行内元素转块元素