块级元素和行内元素的三个区别
1.行内元素与块级元素直观上的区别:
行内元素会在一条直线上排列,都是同一行,水平方向排列
块级元素独占一行,垂直方向排列.块级元素从新行开始结束接着一个断行
2.块级元素可以包含行内元素和块级元素, 行内元素不能包含块级元素
3.行内元素和块级元素属性的不同,主要是盒模型属性上
行内元素设置width无效,height无效(可以设置line-height),
行内元素margin上下无效,padding上下无效
行内元素转换块级元素,用css实现
display:block(字面意思表现形式设为块级)
块级元素
常用的块级元素
定义文档中的分区或节点
到
标题
定义段落
- 无序列表
- 有序列表
- 列表项
-
自定义列表项标题
-
自定义列表项创建HTML表单
定义HTML表格
表格标题表格表头
表格主题表格页脚表头单元格表格中的标准单元格定义表格中的行预格式话文本
行内元素
锚点标签
表示一个缩写形式
组合文档中的行内元素
加粗标签
语义更强烈的加粗标签
斜体文本效果
斜体但是语义更强烈
向页面中插入图片
输入框
标签为 input 元素定义标注(标记)
呈现小号字体效果
创建单选和多选菜单,下拉菜单
下标文本
上标文本
多行可控文本输入框
行内块级元素inline-block
向页面插入图片
输入框
按钮
本文来源于网络:查看 >https://www.cnblogs.com/xiao-he-shang/p/7103124.html
-
自定义列表项创建HTML表单