行内元素与块级元素区别1.0
版权声明:本文为博主原创文章,遵循 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 (字面意思表现形式设为块级)
相关文章:
- 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相关推荐
- html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...
一.转义字符 由特殊字符包裹的文本 会当做标签去解析 对应不换行空格 对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数.其占据的宽度正好是1个中文宽度,而且基本上不受字体影响. < ...
- php div行内块元素,行内元素与块级元素的区别详细介绍
首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比较常用的块级元素,详 ...
- 行内元素和块级元素的区别
1.常见行内元素和块级元素 (1)行内元素 <span>.<a>.<br>.<b>.<strong>.<img>.<inp ...
- [css] 行内元素和块级元素有什么区别,如何相互转换?
[css] 行内元素和块级元素有什么区别,如何相互转换? 一般通过display属性来区分块级元素和行内元素,block代表块级元素,inline代表行内元素. 块级元素: 1.内容独占一行. 2.w ...
- 行内元素与块级元素,以及区别
行内元素与块级元素 首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比 ...
- 行内元素和块级元素的具体区别
一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别 行内元素会在一条直线上排列,都是同一行的,水平方向排列 块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...
- html块级元素和行内元素吗,块级元素和行内元素有什么区别
块级元素和行内元素的区别:行内元素可以与其它行内元素并排,块级元素独占一行,不能与其他任何元素并列:行内元素不能设置宽高,块级元素可以设置宽高. 本文操作环境:windows10系统.html 5.宏 ...
- 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?
行内元素有哪些? 常用的行内元素: a - 锚点 em - 强调 br - 换行 img - 图片 font - 字体设定(不推荐) span - 常用内联容器,定义文本内区块 input - 输入框 ...
- 行内元素与块级元素的区别
一,行内元素与块级元素的区别: 1.行内元素与块级元素直观上的区别二.行内元素与块级元素的三个区别 行内元素会在一条直线上排列(默认宽度只与内容有关),都是同一行的,水平方向排列. 块 ...
最新文章
- mysql中的float_mysql里float是什么东西
- 特斯拉Model3交付危机:周产5000辆仍需排队一年,造空者花式补刀
- jmeter环境配置
- html5 填表 表单 input output 与表单验证
- 作者:​冯景华(1984-),男,国家超级计算天津中心主任助理、系统管理部部长。...
- 格力干的?顾客京东上买到二手奥克斯空调 京东、奥克斯回应...
- Easyui 弹出加载中的遮罩的两种方法
- IOS网络请求的一些需要记录的info设置
- 01-NLP-02-gensim中文处理案例
- java列表mvc分页_Springmvc完成分页的功能
- Metasploit物联网安全渗透测试增加对硬件的支持
- cacti中个别流量图超过80M不显示解决办法
- hypermesh 复合材料_HyperMesh复合材料建模
- 通过CentOS开机自启动脚本设置iptables
- Avalondock 第二步 创建文档面板
- ubuntu文件夹加密_安装Ubuntu后如何加密您的主文件夹
- nvme1.3 Feature - Telemetry
- SAP重置公司代码资产会计(FI-AA)数据-OABL
- 印欧语系及文化(Indo-European and Culture)英汉双语本(中译本,中文版)
- 利用WoWSimpleRegistration实现TrinityCore自助注册
热门文章
- 离散数学大作业——C++实现集合的基本运算
- Pycharm无法编辑问题
- DP:Miking Time(POJ 3616)
- Win7系统修复启动项命令
- python爬取pbf格式的矢量瓦片并转换为shp使用
- form表单,账号注册实例
- 常见接口形式(分类)有哪些?
- ThreadPoolExecutor参数说明
- java程序及数据库常见问题
- 电脑无法打开计算机的策略对象,win10系统提示“无法打开此计算机上的组策略对象”的解决方法...