版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/AlanZhuHaiHua/article/details/107817213

一次偶然的面试遇到的题目,虽然当时知道块级元素和行内元素的区别,但是没有仔细去想。

一、行内元素与块级元素

<address>

定义地址

<caption>

定义表格标题

<dd>

定义列表中定义条目

<div>

定义文档中的分区或节

<dl>

定义列表

<dt>

定义列表中的项目

<fieldset>

定义一个框架集

<form>

创建 HTML 表单

<h1>

定义最大的标题

<h2>

定义副标题

<h3>

定义标题

<h4>

定义标题

<h5>

定义标题

<h6>

定义最小的标题

<hr>

创建一条水平线

<legend>

元素为 fieldset 元素定义标题

<li>

标签定义列表项目

<noframes>

为那些不支持框架的浏览器显示文本,于 frameset 元素内部

<noscript>

定义在脚本未被执行时的替代内容

<ol>

定义有序列表

<ul>

定义无序列表

<p>

标签定义段落

<pre>

定义预格式化的文本

<table>

标签定义 HTML 表格

<tbody>

标签表格主体(正文)

<td>

表格中的标准单元格

<tfoot>

定义表格的页脚(脚注或表注)

<th>

定义表头单元格

<thead>

标签定义表格的表头

<tr>

定义表格中的行

<a>

标签可定义锚

<abbr>

表示一个缩写形式

<acronym>

定义只取首字母缩写

<b>

字体加粗

<bdo>

可覆盖默认的文本方向

<big>

大号字体加粗

<br>

换行

<cite>

引用进行定义

<code>

定义计算机代码文本

<dfn>

定义一个定义项目

<em>

定义为强调的内容

<i>

斜体文本效果

<img>

向网页中嵌入一幅图像

<input>

输入框

<kbd>

定义键盘文本

<label>

标签为 input 元素定义标注(标记)

<q>

定义短的引用

<samp>

定义样本文本

<select>

创建单选或多选菜单

<small>

呈现小号字体效果

<span>

组合文档中的行内元素

<strong>

语气更强的强调的内容

<sub>

定义下标文本

<sup>

定义上标文本

<textarea>

多行的文本输入控件

<tt>

打字机或者等宽的文本效果

<var>

定义变量

<button>

按钮

<del>

定义文档中已被删除的文本

<iframe>

创建包含另外一个文档的内联框架(即行内框架)

<ins>

标签定义已经被插入文档中的文本

<map>

客户端图像映射(即热区)

<object>

object对象

<script>

客户端脚本

二、行内元素与块级函数的三个区别

1.行内元素与块级元素直观上的区别

行内元素会在一条直线上排列,都是同一行的,水平方向排列

块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同,主要是盒模型属性上

行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效

三、行内元素转换为块级元素

display:block (字面意思表现形式设为块级)

http://www.taodudu.cc/news/show-6341916.html

相关文章:

  • html块级元素有哪些
  • HTML入门级
  • HTML入门:
  • HTML入门一
  • HTML入门编写
  • html入门学习
  • HTML入门与实战
  • HTML入门(一)
  • HTML入门总结
  • flutter EventBus
  • EventBus基础
  • java eventbus_Guava学习笔记:EventBus
  • guava之EventBus
  • EventBus使用详解
  • EventBus总结
  • EventBus的介绍
  • 手机短信收发
  • 短信收发
  • Android短信收发
  • 100万行的数据怎么去重
  • 6. 50万行取10万行
  • 书法 - 程永强
  • android系统代码行数,鸿蒙用460万行的代码量,实现安卓1525万行代码实现的所有功能...
  • 【Vue源码解读】万行源码详细解读
  • 读万卷书,写万行代码
  • LCHub:vika维格表将 70 万行代码开源了
  • JAVA导入大量数据的Excel,如何分块读取并避免内存溢出?
  • 给2500万行代码修复bug的程序员都怎么上班?
  • 如何看懂万行代码
  • storm spout读取mysql_Storm中Spout使用注意事项小结

行内元素与块级元素区别1.0相关推荐

  1. html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...

    一.转义字符 由特殊字符包裹的文本 会当做标签去解析 对应不换行空格  对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响. < ...

  2. php div行内块元素,行内元素与块级元素的区别详细介绍

    首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比较常用的块级元素,详 ...

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

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

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

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

  5. 行内元素与块级元素,以及区别

    行内元素与块级元素 首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比 ...

  6. 行内元素和块级元素的具体区别

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

  7. html块级元素和行内元素吗,块级元素和行内元素有什么区别

    块级元素和行内元素的区别:行内元素可以与其它行内元素并排,块级元素独占一行,不能与其他任何元素并列:行内元素不能设置宽高,块级元素可以设置宽高. 本文操作环境:windows10系统.html 5.宏 ...

  8. 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?

    行内元素有哪些? 常用的行内元素: a - 锚点 em - 强调 br - 换行 img - 图片 font - 字体设定(不推荐) span - 常用内联容器,定义文本内区块 input - 输入框 ...

  9. 行内元素与块级元素的区别

    一,行内元素与块级元素的区别: 1.行内元素与块级元素直观上的区别二.行内元素与块级元素的三个区别     行内元素会在一条直线上排列(默认宽度只与内容有关),都是同一行的,水平方向排列.     块 ...

最新文章

  1. mysql中的float_mysql里float是什么东西
  2. 特斯拉Model3交付危机:周产5000辆仍需排队一年,造空者花式补刀
  3. jmeter环境配置
  4. html5 填表 表单 input output 与表单验证
  5. 作者:​冯景华(1984-),男,国家超级计算天津中心主任助理、系统管理部部长。...
  6. 格力干的?顾客京东上买到二手奥克斯空调 京东、奥克斯回应...
  7. Easyui 弹出加载中的遮罩的两种方法
  8. IOS网络请求的一些需要记录的info设置
  9. 01-NLP-02-gensim中文处理案例
  10. java列表mvc分页_Springmvc完成分页的功能
  11. Metasploit物联网安全渗透测试增加对硬件的支持
  12. cacti中个别流量图超过80M不显示解决办法
  13. hypermesh 复合材料_HyperMesh复合材料建模
  14. 通过CentOS开机自启动脚本设置iptables
  15. Avalondock 第二步 创建文档面板
  16. ubuntu文件夹加密_安装Ubuntu后如何加密您的主文件夹
  17. nvme1.3 Feature - Telemetry
  18. SAP重置公司代码资产会计(FI-AA)数据-OABL
  19. 印欧语系及文化(Indo-European and Culture)英汉双语本(中译本,中文版)
  20. 利用WoWSimpleRegistration实现TrinityCore自助注册

热门文章

  1. 离散数学大作业——C++实现集合的基本运算
  2. Pycharm无法编辑问题
  3. DP:Miking Time(POJ 3616)
  4. Win7系统修复启动项命令
  5. python爬取pbf格式的矢量瓦片并转换为shp使用
  6. form表单,账号注册实例
  7. 常见接口形式(分类)有哪些?
  8. ThreadPoolExecutor参数说明
  9. java程序及数据库常见问题
  10. 电脑无法打开计算机的策略对象,win10系统提示“无法打开此计算机上的组策略对象”的解决方法...