行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?
行内元素有哪些?
常用的行内元素:
- a - 锚点
- em - 强调
- br - 换行
- img - 图片
- font - 字体设定(不推荐)
- span - 常用内联容器,定义文本内区块
- input - 输入框
- label - 表格标签
- select - 项目选择
- strong - 粗体强调
- textarea - 多行文本输入框
不常用的行内元素:
- i - 斜体
- b - 粗体(不推荐)
- q - 短引用
- u - 下划线
- s - 中划线(不推荐)
- tt - 电传文本
- sup - 上标
- sub - 下标
- big - 大字体
- dfn - 定义字段
- bdo - bidi override
- kbd - 定义键盘文本
- cite - 引用
- abbr - 缩写
- code - 计算机代码(在引用源码的时候需要)
- small - 小字体文本
- samp - 定义范例计算机代码
- strike - 中划线
- acronym - 首字
块级元素有哪些?
常用的块级元素:
- p - 标签定义段落
- h1 - 定义最大的标题
- h2 - 定义副标题
- h3 - 定义标题
- h4 - 定义标题
- h5 - 定义标题
- h6 - 定义最小的标题
- ul - 定义无序列表
- ol - 定义有序列表
- li - 标签定义列表项目
- dl - 定义列表
- dt - 定义列表中的项目
- dd - 定义列表中定义条目
- hr - 创建一条水平线
- div - 定义文档中的分区或节
- form - 创建 HTML 表单
不常用的块级元素:
- th - 定义表头单元格
- td - 表格中的标准单元格
- tr - 定义表格中的行
- table - 标签定义 HTML 表格
- thead - 标签定义表格的表头
- tbody - 标签表格主体(正文)
- tfoot - 定义表格的页脚(脚注或表注)
- caption - 定义表格标题
- pre - 定义预格式化的文本
- legend - 元素为
- fieldset - 定义一个框架集
- fieldset - 元素定义标题
- address - 定义地址
- noscript - 定义在脚本未被执行时的替代内容
- noframes - 为那些不支持框架的浏览器显示文本,于 frameset 元素内部
空(void)元素有哪些?
常见的空元素:
<br>、<hr>、<img>、<input>、<link>、<meta>
鲜为人知的是:
<area>、<base>、<col>、<colgroup>、<command>、<embed>、<keygen>、<param>、<source>、<track>、<wbr>
行内元素和块级元素有什么区别?
- 块级元素默认占一行高度,默认情况下宽度自动填满其父元素宽度;
行内元素不会独占一行,相邻的行内元素会排在同一行,其宽度随内容的变化而变化。 - 块级元素可以设置宽高;
行内元素不可以设置宽高。 - 块级元素可以设置
margin
、padding
;
行内元素水平方向的margin-left
、margin-right
、padding-left
、padding-right
属性设置可以生效;
行内元素竖直方向的margin-bottom
、margin-top
、padding-top
、padding-bottom
属性设置是无效的;
行内元素的padding-top
、padding-bottom
从显示的效果上是增加的,但其实设置是无效的,并不会对它周围的元素产生影响。
注:有关该点,详情可参考 qq_37621289 的博文 给行内元素设置padding和margin是否有效 - 块级元素转行内元素:
display:inline
;
行内元素转块级元素:display:block
;
行内元素或块级元素转行内块元素:display:inline-block
。
行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?相关推荐
- c语言学习-有一12个元素的整型数组b,从键盘输入数据,请以每行4个数据各个数据之间空两格的形式输出b数组的12个元素
有一12个元素的整型数组b,从键盘输入数据,请以每行4个数据各个数据之间空两格的形式输出b数组的12个元素 程序流程图: 代码: #include<stdio.h> void main() ...
- 【Linux】基础IO --- 内核级和用户级缓冲区、磁盘结构、磁盘的分治管理、block group块组剖析…
出身寒微,不是耻辱.能屈能伸,方为丈夫. 文章目录 一.缓冲区(语言级:IO流缓冲,内核级:块缓冲) 1.观察一个现象 2.理解缓冲区存在的意义(节省进程IO数据的时间) 3.语言级缓冲区的刷新策略( ...
- Go 学习笔记(11)— 切片定义、切片初始化、数组和切片差异、字符串和切片转换、len()、cap()、空 nil 切片、append()、copy() 函数、删除切片元素
1. 切片定义 Go 语言切片是对数组的抽象. Go 中提供了一种灵活,功能强悍的内置类型切片("动态数组"),与数组相比切片的长度是不固定的,可以追加元素,在追加时可能使切片的容 ...
- 细说PHP笔记03(第7章)--数组与数据结构,数组定义,数组遍历,数组内部指针遍历,键值操作函数,统计数组函数,回调函数处理数组元素,数组排序,拆分、合并、分解、结合数组,数组实现堆栈,随机选取元素
1.数组 索引数组:索引值是整数 关联数组:索引值是字符串 2.数组的定义 1.以直接赋值的方式声明 $数组名[下标]=资料内容 或 $数组名[关联字符串(键值)]=资料内容 <?php $va ...
- 2021年大数据Hive(五):Hive的内置函数(数学、字符串、日期、条件、转换、行转列)
全网最详细的Hive文章系列,强烈建议收藏加关注! 后面更新文章都会列出历史文章目录,帮助大家回顾知识重点. 目录 系列历史文章 前言 Hive的内置函数 一.数学函数 1. 取整函数: round ...
- Java黑皮书课后题第7章:7.9(找出最小元素)使用下面的方法头编写一个方法,求出一个整数数组中的最小元素。编写测试程序,提示用户输入10个数字,调用这个方法返回最小值,并显示这个最小值
7.9(找出最小元素)使用下面的方法头编写一个方法,求出一个整数数组中的最小元素.编写测试程序,提示用户输入10个数字,调用这个方法返回最小值,并显示这个最小值 题目 题目描述与运行示例 破题 代码 ...
- mysql是表级锁还是行级锁_带你了解MySQL数据库中的全局锁、表级锁、行级锁
在 MySQL 数据库中,有很多各种各样的锁,这些锁大致可以分为三类:全局锁.表级锁.行级锁.这篇文章小编就带你简单了解一下这三种锁. 1. 全局锁 全局锁是粒度比较大的锁,基本上也使用不上,就像我们 ...
- js选择器获取元素的value值,如何判断为空
js选择器获取元素的value值,如何判断为空 获取复选框有没有选中值为2的选项,判断是否为空, 可以直接与undefined进行比对,也可以使用typeof与变量类型进行比对 var month = ...
- 职业发展鉴定方法:第一行:自己行 第二行:大家说你行 第三行:领导行 就这么简单,去努力吧,如果你做到了这三个行,那么你肯定行...
[Thinking]三个行 昨天跟同事聊职业发展,同事给我讲了个道理,虽然类似的道理自己也知道很多并且坚持奉行着,但是同事总结的特别好!我反复思量这简单的几句话,感觉真的真的很精辟! 三个行 第一行: ...
- 内网ip 设置_我的天,大牛黑客轻而易举打穿三层内网,吃惊
一般实战和CTF中经常会碰到多重内网的问题,要想渗透多重内网,经常会用到msf的转发代理路由功能,我准备自己搭一个简易的三层内网,然后利用msf的这些功能进行一次小型模拟多重内网的渗透 前期准备 系统 ...
最新文章
- 如今网络营销行业火爆网络营销外包专员如何做好整合营销?
- 转载:指定浏览器打开指定的网页
- python列表常用操作函数_Python入门——列表常用操作
- 认识因特网络(小学计算机课件),小学信息技术认识因特网ppt课件.ppt
- 依赖第三方库时出现的问题:Manifest merger failed : uses-sdk:minSdkVersion 15 cannot be smaller than version 16
- 工作流性能优化(敢问activiti有扩展性?)(3)
- vue.js:634 [Vue warn]: Error in render: “TypeError: Cannot read property ‘matched‘ of undefined“
- (二)原生JS实现 - 事件类方法
- Spring Boot 学习之配置文件 application.yml
- nginx源码分析——configure脚本
- Git提交空文件夹的技巧
- 点云数据格式及处理工具
- 软件系统命名简称大全
- 程序员需要知道的97件事情之 ------- 谋定而后动
- win10系统上的appdata是什么文件夹可以删除吗
- WebForm CSS垂直虚线时间轴特效
- sql的一些简单查询
- 【JavaSE】算术运算符、关系运算符、逻辑运算符、赋值运算符与三元运算符
- 几种常见的RAID工作模式讨论
- 18版考研数据结构天勤课后习题代码-数组、矩阵与广义表【完】