在标准文档流里面,块级元素具有以下特点:

块级元素写完后会自动换行,有宽高可以修改。

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

行内元素的特点:
行内元素指的是书写完成后不会自动换行,并且元素没有宽和高。

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

转载于:https://www.cnblogs.com/CaseyWei/p/9311648.html

行内元素(内联元素)与块级元素相关推荐

  1. css块级元素拉伸,CSS布局之块级元素、块级元素和行内块元素

    元素有行内元素(inline).块级元素(block)以及行内块元素(inline-block)之分,对应地它们之间的盒模型也会有不同. 1. 行内元素(inline) 通过display: inli ...

  2. html内联元素和块元素的特性,HTML中块级元素和内联元素的特性详解

    原标题:HTML中块级元素和内联元素的特性详解 在网站布局中经常会遇到元素进行居中的时候,设置了text-align:center:margin:0 auto;有时候会起作用,但有时候对居中无效,刚接 ...

  3. css变成块级元素_【CSS】块级元素

    完整的框模型(Box Model) 不同的宽度.高度.内边距和外边距相结合,就可以确定文档的布局. 大多数情况下,文档的高度和宽度由浏览器基于可用的显示区域和其他一些因素自动确定. 1.元素框的最内部 ...

  4. Html 中的块级元素和行内元素(内联元素)

    先从字面意思找,块级元素可以看做讲台,自己独占一排,常见标签:<h1>, <p>, <ul>, <table>:行内元素(内联元素)可以看做学生的课桌, ...

  5. CSS文档流与块级元素和内联元素

    文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动. 内联元素也不 ...

  6. CSS里常见的块级元素和行内元素

    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为"block&q ...

  7. CSS块级元素和行内元素

    1. 宽高 width:数值; height:数值; 也可用百分比! 长高的设置不会被后代继承 2. 背景 (1)背景颜色 background-color:颜色值; 元素的背景颜色默认为transp ...

  8. 块级元素 Vs 内联元素

    HTML的元素可以分为两种: 块级元素(block level element ) 内联元素(inline element ) 二者的区别如下: 1. 块级元素独占一行(除非显示修改元素的displa ...

  9. 内连级元素有哪些_CSS里有哪些常见的块级元素和行内元素?

    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为"block&q ...

最新文章

  1. fieldset 使用小案例
  2. python列表元素移动_Python列表元素分组
  3. Selenium之定位及切换frame(iframe)
  4. python零基础能学吗 知乎-Python零基础学习能学好吗?老男孩Python面授班
  5. 阿里云ECS——[您的云服务器(xxx.xxx.xxx.xxx)由于被检测到对外攻击,已阻断该服务器对其它服务器端口(TCP:6379)的访问]解决方案
  6. 自定义EL函数、自定义JSTL标签
  7. 欧几里德投影(Euclidean projection)
  8. win10系统如何把bat批处理文件固定到开始菜单
  9. pcb外观维修_「维修案例」泰克AFG3021函数任意波形发生器故障维修
  10. webpack 读取文件夹下的文件_webpack基本介绍及使用
  11. 160. Intersection of Two Linked Lists(剑指Offer-两个链表的第一个公共结点)
  12. ArcGIS水文分析实战教程(18) 河段桩号与线性参考
  13. Office版本差别引发的语法问题
  14. Python实战——为人脸照片添加口罩
  15. bldc不同载波频率_三相BLDC弦波驱动器-PT2511
  16. 温湿度传感器的工作原理及应用领域你了解多少呢
  17. 32个高效思维模型,快速提升你的思考力!
  18. VMX(2) -- VMCS理解
  19. 楚留香服务器维护时间,2019年8月9日官方维护公告
  20. c语言if函数括号内大于零,c语言中if函数后面的小括号内能写2个判断条件吗?...

热门文章

  1. goolge hacks
  2. BZOJ4557 JLOI2016侦察守卫(树形dp)
  3. swiper轮播在vue中动态绑定返回的数据图片显示不完整
  4. Alpha阶段-个人总结
  5. HDU 5773 The All-purpose Zero(O(nlgn)求LIS)
  6. js中去掉字符串中的某个指定字符
  7. python---之os.path.split()函数
  8. HTML之文本相关标签
  9. linux安装软件imagemagick,Linux系统中怎么安装和使用ImageMagick软件?
  10. java.sql找不到_java.sql.SQLException:找不到适用于jdbc:microsoft: