龙空技术网

html 哪些是块级元素、哪些是行内元素?

做个爱美的姑娘 189

前言:

如今姐妹们对“html中的块元素”大致比较注意,姐妹们都想要知道一些“html中的块元素”的相关资讯。那么小编同时在网上搜集了一些有关“html中的块元素””的相关知识,希望姐妹们能喜欢,同学们一起来学习一下吧!

块级元素:使用时,会自动换行的元素,可以包含行内元素和其他块级元素,可以设置宽,高,上下左右边距,默认 css 属性 display 的值为 block块级元素常用的有哪些div // 块, 经常用来布局的块,类似箱子h1-h6 // 标题,肯定是会换行的啦p // 段落,我们写文章,段落也是换行处理的ul,ol,li // 列表,总不希望你写的列表,表格还跟其他东西掺杂一起吧,from // 表单,输入框总希望能够单独是一块独立的table // 表格,表格要整洁,总希望独立出来hr // 水平分割线,既然要分割,那也是要换行处理吧pre // 预格式化文本,代码按照我们手动编排好的顺序输出,你总不希望他还不给你行吧,不然就没意义了footer // 段尾,类似写作文结尾,都是另起一行article // 文章内容,看书的时候,文章内容都会在合适的位置给换行处理canvas // 绘制图形address // 地址行内元素:不会自动换行,不可以设置宽高,只能设置左右边距,默认 css 属性 display 的值为 inline块级元素常用的有哪些?b // 加粗big // 定义大字号i //斜体small // 小号文本abbr // 定义缩写,有些国际词语是有缩写的acronym // 定义只取首字母的缩写cite // 引用,文章内容的某一句话可能是引用其他名人说的code // 定义计算机代码dfn // 定义一个定义项目em // 定义强调的本文kbd // 定义键盘文本strong // 定义重要的文本samp // 定义样本文本。var // 定义变量a // 锚点,内容里经常会有几个关键词,可以点击过去查阅更多详细信息bdobr // 换行object // 内嵌对象q // 短的引用scriptspan // 普通文档的节sub // 定义下标文本sup // 定义上标文本button // 按钮,input // 控件label // input 元素定义标注select // 定义选择列表,看起来很多,实际上占位就我们选择的那一个textarea // 定义一个多行的文本输入控件行内块级元素,拥有行内元素的特性,不换行,也拥有块级元素的特性:既可以设置宽高也可以设置上下左右边距,默认 css 属性 display 的值为 inline-block

常见行内块级元素:

img // 图片video // 视频audio // 音频map // 图像映射块级元素和行内元素如何转换块级元素变成行内元素

display: inline;

行内元素变成块级元素

display: block;

块级元素、行内元素变成行内块元素

display: inline-block;

其他a 标签只允许嵌套非 a 标签的 inline 类型元素。这么多,不要为难自己死记硬背,记住常用的,用常识去记住就可以啦,面试考你的时候,记不住的,用常识去推理,基本都正确。

标签: #html中的块元素 #css块状显示 #html元素的属性 #html中列表的属性有哪些 #css中的块级元素