HTML中行内元素与块级元素的区别:
在标准文档流里面,块级元素具有以下特点:

①总是在新行上开始,占据一整行;
②高度,行高以及外边距和内边距都可控制;
③宽带始终是与浏览器宽度一样,与内容无关;
④它可以容纳内联元素和其他块元素。

行内元素的特点:

①和其他元素都在一行上;
②高,行高及外边距和内边距部分可改变;
③宽度只与内容有关;
④行内元素只能容纳文本或者其他行内元素。
不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用

常见的块级元素与行内元素:
1 块元素(block element)  
    * address - 地址   
  * blockquote - 块引用   
  * center - 举中对齐块   
  * dir - 目录列表   
  * div - 常用块级容易,也是css layout的主要标签   
  * dl - 定义列表   
  * fieldset - form控制组   
  * form - 交互表单   
  * h1 - 大标题   
  * h2 - 副标题   
  * h3 - 3级标题   
  * h4 - 4级标题   
  * h5 - 5级标题   
  * h6 - 6级标题   
  * hr - 水平分隔线   
  * isindex - input prompt   
  * menu - 菜单列表   
  * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容   
  * noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)   
  * ol - 排序表单   
  * p - 段落   
  * pre - 格式化文本   
  * table - 表格   
  * ul - 非排序列表   
  
行内元素(inline element)   
  
  * 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 - 定义变量   
  注意下:一些行内元素可以在样式中调整宽高,即宽高可调。(特殊的情况)

input标签
img标签
texarea标签
select标签

转载于:https://www.cnblogs.com/Jabin/p/5665062.html

HTML中行内元素与块级元素的区别:相关推荐

  1. html中的行内标签吗,HTML标签中行内元素和块级元素详解

    本文主要和大家详细介绍了HTML常用的标签中行内元素和块级元素,需要的朋友参考下吧,希望能帮助到大家. 块元素(block element) HTML标签分类明细 * address - 地址 * b ...

  2. HTML中行内元素与块级元素的区别

    区别: 1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block. 2.行内元素和其他行内元素 ...

  3. css变成块级元素_探讨行内元素转换为块级元素_html/css_WEB-ITnose

    行内元素和块级元素对于前端来说是一个很重要的概念.在CSS中,只有块级元素有物理属性,而元素则有三种形态: 1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行. 2. 行内 ...

  4. 【HTML】行内元素与块级元素

    一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别 行内元素会在一条直线上排列,都是同一行的,水平方向排列 块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...

  5. 行内块元素有哪些标签_html的行内元素与块级元素总结

    希望大家补充一下常见的块级元素与行内元素~ 如有错误,请大家在评论区指出,一起进步! 一.区别 二.常见的块级元素: p:段落标签 div:把DIV看作是一容器,容器专门用来包含内容 h1.h2- - ...

  6. 内联元素与块级元素及内外边距的影响

    内联元素与块级元素 块级元素(block): 新行开始: 高度,行高以及外边距和内边距都可控制: 宽度缺省是它的容器的100% 可以嵌套内联元素和其他块元素 常用的块级元素:div.h1~h6.dl. ...

  7. 行内元素和块级元素的区别

    1.常见行内元素和块级元素 (1)行内元素 <span>.<a>.<br>.<b>.<strong>.<img>.<inp ...

  8. html块中的内容垂直居中,css如何设置行内元素与块级元素的内容垂直居中

    首先我们先了解一下行内元素和块级元素 行内元素(内联元素):没有自己的独立空间,它是依附于其他块级元素存在的,空间大小依附于内容多少.行内元素没有度.宽度.内外边距等属性. 块级元素:占据独立的空间, ...

  9. [css] 行内元素和块级元素有什么区别,如何相互转换?

    [css] 行内元素和块级元素有什么区别,如何相互转换? 一般通过display属性来区分块级元素和行内元素,block代表块级元素,inline代表行内元素. 块级元素: 1.内容独占一行. 2.w ...

  10. html中内联元素和块级元素的区别(整理版)

    块级元素和内联元素的主要区别 块级元素 内联元素(即行内元素) 总是在新行上开始,独占一行默认情况下,宽度自动填满其父元素 相邻的行内元素会排列再同一行里,直到一行排不下,才会换行,宽度随元素的内容而 ...

最新文章

  1. 程序的编译和链接过程
  2. linux 设置与网络同步的时间
  3. python编程入门与案例详解pdf-Python爬虫天气预报实例详解(小白入门)
  4. linux之gdb基本调试命令和使用总结
  5. c/c++ 编程试题
  6. 阿里云Kubernetes服务上从零搭建GitLab+Jenkins+GitOps应用发布模型的实践全纪录
  7. 【Java线程池】Java线程池汇总,看这一篇文章就够了
  8. UTC转换BJT时间 时间转换 c语言程序设计 mooc 翁恺
  9. 微软私有云2012软件发布
  10. 提高计算机CPU运行速度,提高cpu运行速度的方法
  11. 修改网页logo图片
  12. 通过pycuda调用GPU
  13. 怎么用迅捷PDF转换器在线为PDF文件添加文字内容
  14. [转载] COM 套间
  15. java的jdk安装教程附百度网盘链接环境配置遇到的各种问题版本选择
  16. 苹果XR设备多次“跳票” XR行业的未来将如何
  17. 掐头去尾-利用正则表达式的匹配顺序
  18. HTML与CSS学习总结
  19. 本周大新闻|华为发布BB观影眼镜,Geenee AR试穿加入AI生成玩法
  20. 北京大学 计算机辅助翻译专业,【最新权威版】2019年北京大学计算机辅助翻译CAT考研经验分享...

热门文章

  1. php同时使用了ssl tls,phpmqtt ssl tls使用证书 cafile 文件 连接服务器
  2. 【计算机组成原理】存储系统综合实验
  3. Kafka负载均衡策略
  4. kafka buffer.memory参数入门
  5. 升级glibc库到glibc-2.14.1
  6. 对 SharePoint WebService 的调用
  7. 一位软件工程师的7年总结
  8. 2016-2017-2(点集拓扑56, 点集拓扑56)
  9. python argparse(参数解析)模块学习(二)
  10. JS总结 本地对象2 BOM DOM