[分享]css元素的分类及转换方法

　　CSS元素的分类：1. 块级元素：例如div、h1、p等，会独占一行，可以设置宽度、高度、内边距、外边距等属性。 2. 内联元素：例如span、a、img等，与其他元素在一行上，并且只占有自身需要...

　　CSS元素的分类：

1. 块级元素：例如div、h1、p等，会独占一行，可以设置宽度、高度、内边距、外边距等属性。
2. 内联元素：例如span、a、img等，与其他元素在一行上，并且只占有自身需要的空间，不可设置宽度、高度、内边距、外边距等属性。
3. 内联块级元素：例如input、button等，与其他元素在一行上，但可以设置宽度、高度、内边距、外边距等属性。

　　CSS元素的转换方法：

1. display属性的转换：可以将块级元素转换成内联元素或内联块级元素，也可以将内联元素转换成块级元素或内联块级元素，例如：
　　.block { display: inline; } /* 将块级元素转换成内联元素 */
　　.inline { display: block; } /* 将内联元素转换成块级元素 */
　　.inline-block { display: inline-block; } /* 将内联元素转换成内联块级元素 */
2. position属性的转换：可以将元素从普通文档流中脱离出来，例如：
　　.relative { position: absolute; } /* 将相对定位的元素转换成绝对定位的元素 */
　　.absolute { position: relative; } /* 将绝对定位的元素转换成相对定位的元素 */
3. float属性的转换：可以将元素从普通文档流中脱离出来，例如：
　　.left { float: right; } /* 将左浮动的元素转换成右浮动的元素 */
　　.right { float: left; } /* 将右浮动的元素转换成左浮动的元素 */