>[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;">但宽度(width)高度(height)不起作用</span>。常见内联元素为“a” ### **常用内联元素** - 字体效果 ``` html font #字体设定(不推荐) big #大字体 small #小字体 sub #下标 sup #上标 em #斜体 i #斜体 cite #斜体 strong #粗体强调 b #粗体(不推荐) s #中划线(不推荐) strike #中划线 u #下划线 q #短引用 （双引号） ``` ``` html span #常用内联容器，定义文本内区块 img #图片 a #锚点 (连接) br #换行 abbr #缩写 acronym #首字 samp #定义范例计算机代码 code #计算机代码(在引用源码的时候需要) input #输入框 textarea #多行文本输入框 kbd #定义键盘文本 label #表格标签 tt #电传文本 dfn #定义字段 select #项目选择 var #定义变量 ```