块元素 行内元素 行内块元素及相互转换

块元素常见级特点：

div 块p 段落ul li 有序列表ol li 无序列表dl dd dt 自定义列表h1 大标题h2 副标题h3 3级标题h4 4级标题h5 5级标题h6 6级标题table 表格menu 菜单form 表单总是独占一行高度、行高、外边距、内边距都可以设置可嵌套行内元素和行内块元素（注：p不可包含本身和div和标题标签）

行内元素常见级特点：

a 链接span 块strong 强调del 删除线select 下拉列表i 斜体em 斜体b 加粗ins 下划线u 下划线不独占一行，多个标签在一行显示设置宽高不生效

行内块元素常见级特点：

input 文本img 图片textarea 文本框不独占 一行可设置宽高说白了就是拥有上面有个的特性

转换：

display：inline 转换成行内元素 一般不用display：block 转换块元素 常用display：inline-block 转换行内块元素 常用

怎样让两个块级元素出现在一行中：

转换

可以设置浮动.

可以利用定位.

转换之后我们就可以设置自己喜欢的样式啦，用行内元素设置宽高不生效的时候一定要记得转换哦

如果觉得《块元素 行内元素 行内块元素及相互转换》对你有帮助，请点赞、收藏，并留下你的观点哦！