行内元素 块级元素 行内块级元素

块级元素

标签内容
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定义变量

行内元素 块级元素 块级行内元素

块级元素特点: block

         1.可以设置高度宽度
         2.行内元素默认是上下排列,默认独占一行
         3.margin、padding、border都可以设置并都有效
         4.块级元素能够包含行内元素、块级元素

行内元素特点:inline

         1.由内容撑起高度和宽度,不能够自行设置高度和宽度
          2.排列是水平排列,和其他元素都在一行,一行排不完才换下一行
          3.对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
          4.行内元素里面不能含有块级元素

块级行内元素: inline-block

行内块级元素综合了行内元素和块状元素的特性
         1.不会独占一行
          2.能设置宽高 margin border padding
         3.能包含行内、块级元素

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值