3.字体样式,分隔线与段落

字体样式

字体大小

字体大小通过font标签的size属性限制,取值为[1,7]

font标签实际上也是内嵌的HTML标签

<font size = 5>
字体大小
</font>

效果：

字体大小

字体大小也可以通过内嵌html的span标签的font-size属性修改,理论上没有大小上限限制，因为是像素取值

'font-size:24px’和size = 5几乎一样大

<span style = 'font-size:24px'>
字体大小
</span>

效果:

字体大小

---

字体 字体通过font标签的face属性限制 >只演示常用的字体，其它种类的字体自行发挥应该都支持

<font face="黑体">我是黑体</font></br>
<font face="宋体">我是宋体</font></br>
<font face="微软雅黑">我是微软雅黑</font></br>
<font face="STCAIYUN">我是华文彩云</font></br>

效果：

我是黑体
我是宋体
我是微软雅黑
我是华文彩云

字体也可以通过内嵌html的span标签的font-family属性修改

英文：Arial, ‘Times New Roman’
中文：微软雅黑（Microsoft YaHei），宋体(SimSun)
例如：宋体是衬线体，微软雅黑是非衬线体

<span style = 'font-family:SimSun'>
宋体
</span>

<span style = 'font-family:SimSun'>
微软雅黑
</span>

效果:

宋体 微软雅黑

---

字体颜色

CSDN中只支持渲染font标签的文字颜色（而且标题颜色不能被font标签修改），在有道云笔记中是都支持的

<font size = 5 color = #00FFDD>
CSDN标题颜色不能被font标签修改,可以这样弄
</font>

字体颜色通过font标签的color属性限制，color的取值可以是颜色的英文单词也可以是16进制色彩值取值范围：[#000000,#FFFFFF]

16进制颜色RUNOOB传送门

16进制颜色W3school

16进制颜色参考网站传送门

<font color = red> red </font></br>
<font color = orange> orange </font></br>
<font color = yellow> yellow </font></br>
<font color = gree> gree </font></br>
<font color = blue> blue </font></br>
<font color = purple> purple </font></br>
<font color = #4b0080> 靛 </font></br>

效果：

red
orange
yellow
gree
blue
purple
靛

字体也可以通过内嵌html的span标签的color属性修改，取值也是颜色的英文单词也可以是16进制色彩值

<span style = 'color:red'>
字体颜色红
</span>

<span style = 'color:#4b0080'>
字体颜色靛
</span>

效果：

字体颜色红 字体颜色靛

---

修饰

• 斜体

*斜体*

在p标签中的文字不能用**加粗，可以使用i标签限制加粗

<i>双向链表</i>

双向链表

---

• 加粗

**加粗**

在p标签中的文字不能用****加粗，可以使用strong标签限制加粗

<strong>双向链表</strong>

双向链表

---

• 粗斜体

***粗斜体***

在p标签中的文字不能用******同时加粗和斜体，可以使用strong标签限制加粗

<strong><i>双向链表</i></strong>

双向链表

---

分隔线

***

* * *

*****

- - -

----------

---

---

---

---

---

• 删除线

~~删除线~~

• 下划线u标签

<u>带下划线文本</u>

效果：
带下划线文本

• 脚注

淡泊明志^[小白]

宁静致远^[新锐]

效果：

淡泊明志¹

宁静致远²

---

段落

段落的换行是使用两个以上空格加上回车,也可以使用br标签换行，或者使用内置HTML的p标签保留段落格式，首行缩进用空格

  第一段......

  第二段......

效果：

  第一段…

  第二段…

&emsp;&emsp;第一段......</br>&emsp;&emsp;第二段......

  第一段…  第二段…

以上是直接书写段落手动控制段落的方式，也可以直接用内嵌HTML的P标签，p表示paragraph段落的意思，避免了段落间手动换行的麻烦

  第一段......

  第二段......

---

1. 小白 ↩︎

2. 新锐 ↩︎