>[success]块状元素 和 内联元素 相互转化 块状元素 <span style="color:blue;">转化</span> 为内联元素：css设置display:inline ; 内联元素 <span style="color:blue;">转化</span> 为块状元素：css设置display:block ; ### **块状元素** 一般是<span style="color:red;">其他元素的容器</span>，可容纳内联元素和其他块状元素，块状元素<span style="color:red;">排斥</span>其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div和p。 ### **常用块元素** - 列表类 ``` html dir #目录列表 dl #定义列表 ul #非排序列表 ol #排序表单 menu #菜单列表 ``` - 其他类 ``` html p #段落 pre #格式化文本 table #表格 form #交互表单 h1 #h6 标题 hr #水平分隔线 center #居中对齐块 div #常用块级容器，也是CSS layout的主要标签 address #地址 blockquote#块引用 fieldset #form控制组 isindex #input prompt noframes #frames可选内容，（对于不支持frame的浏览器显示此区块内容 noscript #可选脚本内容（对于不支持script的浏览器显示此内容） ```