从零学习前端开发 2018-01-02
块元素(block element) HTML标签分类明细 <br /> * address - 地址 <br /> * blockquote - 块引用 <br /> * center - 举中对齐块 <br /> * dir - 目录列表 <br /> * div - 常用块级容易,也是css layout的主要标签 <br /> * dl - 定义列表 <br /> * fieldset - form控制组 <br /> * form - 交互表单 (只能用来容纳其它块元素) <br /> * h1 - 大标题 <br /> * h2 - 副标题 <br /> * h3 - 3级标题 <br /> * h4 - 4级标题 <br /> * h5 - 5级标题 <br /> * h6 - 6级标题 <br /> * hr - 水平分隔线 <br /> * isindex - input prompt <br /> * menu - 菜单列表 <br /> * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容 <br /> * noscript - 可选脚本内容(对于不支持script的浏览器显示此内容) <br /> * ol - 排序表单 <br /> * p - 段落 <br /> * pre - 格式化文本 <br /> * table - 表格 <br /> * ul - 非排序列表<br /><br />内联元素(inline element) HTML标签分类明细 <br /> * a - 锚点 <br /> * abbr - 缩写 <br /> * acronym - 首字 <br /> * b - 粗体(不推荐) <br /> * bdo - bidi override <br /> * big - 大字体 <br /> * br - 换行 <br /> * cite - 引用 <br /> * code - 计算机代码(在引用源码的时候需要) <br /> * dfn - 定义字段 <br /> * em - 强调 <br /> * font - 字体设定(不推荐) <br /> * i - 斜体 <br /> * img - 图片 <br /> * input - 输入框 <br /> * kbd - 定义键盘文本 <br /> * label - 表格标签 <br /> * q - 短引用 <br /> * s - 中划线(不推荐) <br /> * samp - 定义范例计算机代码 <br /> * select - 项目选择 <br /> * small - 小字体文本 <br /> * span - 常用内联容器,定义文本内区块 <br /> * strike - 中划线 <br /> * strong - 粗体强调 <br /> * sub - 下标 <br /> * sup - 上标 <br /> * textarea - 多行文本输入框 <br /> * tt - 电传文本 <br /> * u - 下划线 <br /> * var - 定义变量<br /><br />可变元素 HTML标签分类明细 <br /> * applet - java applet <br /> * button - 按钮 <br /> * del - 删除文本 <br /> * iframe - inline frame <br /> * ins - 插入的文本 <br /> * map - 图片区块(map) <br /> * object - object对象 <br /> * script - 客户端脚本<br /><br />总结:1.块级元素 block 如 div h1 p ul li等 会换行 想在同一行显示 <br />需浮动或者display: inline<br /><br />2.行级元素 inline 如 a span b 多个可以并排显示 默认设置宽度是不起作用 <br />需设置 display: inline-block或者block才行。<br /><br />转载引用--百度知道<br />https://zhidao.baidu.com/question/748788609892135092.html