前端--标签记二

行级标签

• span标签:无语义标签，用于区分样式

  没有实际的语义，可以理解为一个小盒子，里面一般装着一个或几个文本内容应用场景：控制局部文本的样式
• b标签：一个实体标签，它里面包围的文本显示粗体效果

• strong标签：一个语义标签，强调语气，它里面包围的文本显示粗体效果

• i标签：它里面包围的文本显示斜体效果

• em标签：一个语义标签，强调语气，它里面包围的文本显示斜体效果

• del标签：删除线

• sup标签：上标

• sub标签：下标

• 特性

  • 宽度默认由内容撑开

  • 高度默认由内容撑开

  • 默认横向显示——水平布局，一行排不下，自动折行

  • 换行和空格会被解析

块级标签

无序列表 (ul li)

列表项无顺序 只能嵌套li

1.设置ul的列表符  (list-style-type)
​
空心圆 circle
​
实心圆(默认) disc
​
小方块  squre
​
2.删除列表符  (list-style)  ul,li都可以
​
list-style:none
​
3.特点
​
自带外间距,内间距
​
宽度默认撑满父元素
​
高度由内容撑开
​
垂直布局,独立成行
​
自带列表符

有序列表 ol li (各列表项有顺序)

1.type属性
​
a   小写字母
​
A    大写字母
​
i       小写罗马数字
​
I    大写罗马数字
​
2.倒序
​
   reversed
​
3.特点
​
自带外间距,内间距
​
宽度默认撑满父元素
​
高度由内容撑开
​
垂直布局,独立成行
​
自带列表符

自定义列表 (dl dt dd)

1.dl   列表容器        自定义列表
​
   dt   词专业名         自定义列表项
​
   dd   对专业名词的解释     自定义列表项的注释,描述
​
2.特点
​
宽度默认撑满父元素
​
高度默认由内容撑开
​
独立成行
​
dl dd 默认自带外间距
​
dd 在浏览器缩进显示
​
3.取消dd在浏览器的缩进显示
​
margin:0
​
magin-left:0