概述
块状元素(block element)内联元素(inline element)
是否独占一行 | 能否设置宽高 | 竖直方向的margin,pading | 水平方向的margin,pading | |
行内元素(span) |
否 | 不可以 | 不可设置 | 可以 |
块元素(div) | 是 | 可以 | 可以 |
拓展1:元素分为三种 块元素 内联元素 可变元素
A) blockelement
1. address 地址
2. blockquote 块引用
3. center 居中对齐块
4. dir 目录列表
5. div 分割
6. dl 定义列表
7. field form-控制组
8. form交互表单
9. h1 大标题
10. h2 副级标题
11. h3 h4 h5 h6 3,4,5,6级标题
12. hr 水平分割线
13. isindex input prompt
14. menu 菜单列表
15. noframes frames 可选内容 (对于不支持frames的浏览器显示的此块内容)
16. noscript 可选脚本内容(对于不支持script的浏览器显示此块内容)
17. ol 排序表单
18. p 段落
19. pre 格式化文本
20. table 表格
21. ul 非排列元素
B) inline
1. a 锚点
2. abbr 缩写
3. b 粗体(不推荐)
4. bso bidi override
5. big 大字体
6. br 换行
7. cite 引用
8. code计算机代码 (引用源码的时候需要)
9. dfn 定义字段
10. em 强调
11. font 字体设定(不推荐)
12. i 斜体
13. img 图片
14. input 输入框
15. kbd 定义键盘文
16. label 表格标签
17. q 短引用
18. s中划线(不推荐)
19. samp 定义范例计算机代码
20. select 项目选择
21. small 小字体文本
22. span 常用内联容器,定义文本内的区块
23. strike 中划线
24. strong 粗体强调
25. sub 下标
26. sup 上标
27. textarea 多行文本输入框
28. tt 电传文本
29. u 下划线
30. var 定义变量
C) 可变元素(根据上下语境决定为块元素还是内联元素)
1. applet java applet
2. button 按钮
3. del 删除文本
4. iframe inline frame
5. ins 插入的文本
6. map 图片区块
7. object object 对象
8. script 客户端脚本
拓展2 内联与块状元素的转化
display :inline ; (改成内联元素)
display :block ; (改成块元素)
display :none ; (改成块元素)
最后
以上就是虚心火为你收集整理的块状元素(block element)内联元素(inline element)块状元素(block element)内联元素(inline element)的全部内容,希望文章能够帮你解决块状元素(block element)内联元素(inline element)块状元素(block element)内联元素(inline element)所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复