html之内联元素与块状元素
一.html之内联元素与块状元素
1.块状元素一般比较霸道,它排斥与其他元素位于同一行内。比如div,并且width与height对它起作用。
2.内联元素只能容纳文本或者其他内联元素,它允许与其他内联元素位于同一行内。比如span。但是,width与height对它不起作用。
3.当然,块状元素与内联元素是可以相互装换的。给块状元素设置display:inline;或者给内联元素设置display:block;即可装换。
4.所有块状元素:
address – 地址 blockquote – 块引用 center – 居中对齐 dir – 目录列表 div – 常用块级容易,也是CSS layout的主要标签
dl – 定义列表 fieldset – form控制组 form – 交互表单好 h1-h6 - 标题 hr – 水平分隔线 isindex – input prompt
menu – 菜单列表 noframes – frames可选内容,(对于不支持frame的浏览器显示此区块内容 noscript – 可选脚本内容(对于不支持script的浏览器显示此内容
ol – 有序表单 p – 段落 pre – 格式化文本 table – 表格 ul – 无序列表
5. 常用的块状元素:
•div - 块 •p - 段落 •h1 ~ h6 - 大标题 •table , form - 表格,表单 •ul , ol - 非排序列表,排序表单 •hr - 水平分割线
6.常见的内联元素:
•a - 锚点 •span - 内联块 •br - 换行 •input - 输入框 •img - 图片 select - 项目选址 •textarea - 多行文本输入框
7.所有的内联元素:
a – 锚点 abbr – 缩写 acronym – 首字 b – 粗体(不推荐) bdo – bidi override
big – 大字体 br – 换行 cite – 引用 code – 计算机代码(在引用源码的时候需要)
dfn – 定义字段 em – 强调 font – 字体设定(不推荐) i – 斜体 img – 图片
input – 输入框 kbd – 定义键盘文本 label – 表格标签 q – 短引用 s – 中划线(不推荐)
samp – 定义范例计算机代码 select – 项目选择 small – 小字体文本 span – 常用内联容器,定义文本内区块
strike – 中划线 strong – 粗体强调 sub – 下标 sup – 上标
textarea – 多行文本 tt – 电传文本 u – 下划线 var – 定义变量