大家好这里是X🤍，今天来出一篇写博客不同样式的技巧🧡不管是新手小白还是已经写博客很久的大神，都可以收藏总结一下在CSDN写博客都有哪些好看又实用的样式噢，让我们开始吧！💙(今天的表情包是比卡丘专场噢💛💨💨💨)
在CSDN关于字体设置上可以设置三种样式：字体颜色、种类、大小(默认的大小是3)，具体设置看👇👇👇
<font color=red>红色普通字体</font>
<font color=red face="黑体">红色黑体字体</font>
<font color=red face="黑体" size=4>红色黑体4号字体</font>
<font face="STSong">你好，我是宋体</font>
<font face="STFangsong">你好，我是仿宋</font>
<font face="FZShuTi">你好，我是方正舒体</font>
<font face="FZYaoti">你好，我是方正姚体</font>
<font face="STLiti">你好，我是华文隶书</font>
<font face="STKaiti">你好，我是华文楷体</font>
效果图🤘
红色字体
红色黑体字体
红色黑体4号字体
你好，我是宋体
你好，我是仿宋
你好，我是方正舒体
你好，我是方正姚体
你好，我是华文隶书
你好，我是华文楷体
X为大家总结了在CSDN上可用的中文字体的名称：我自己是试过是可以的，如果大家发现有哪个字体不能用了，欢迎在评论区告诉X，我会修改的，颜色的问题大家可以自行到各大网站上查找它们的16进制即可🤏至于什么斜体、加粗什么的在文档里有X这里就不多赘述了
华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
儷黑 Pro：LiHei Pro Medium
儷宋 Pro：LiSong Pro Light
標楷體：BiauKai
蘋果儷中黑：Apple LiGothic Medium
蘋果儷細宋：Apple LiSung Light
新細明體：PMingLiU
細明體：MingLiU
標楷體：DFKai-SB
黑体：SimHei
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微軟正黑體：Microsoft JhengHei
微软雅黑体：Microsoft YaHei
隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
常用的表格可以直接点击编译器上方就有表格这个选项
|你好| 你好|
|--|--|
| 你好 | 你好 |
| 你好 | 你好 |
|---|---|
| 你好 | 你好 |
特殊一点点的表格：
| 我是X | 星期一 | 星期二 | 星期三 |
|---|---|---|---|
| X | A | B | |
| C | D | E |
<table>
<tr >
<th rowspan="3">我是X</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>X</td>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
<td>E</td>
</tr>
</table>
这里的关键就是那个rowspan,可以看到第一个表格是横跨了3行的，就是rowspan在起作用，其他的就是普通的HTML语法
再特殊一点点的表格：
| 我是X | 我是X | 我是X | 我是X |
<table> <tr>
<td bgcolor="#FFBB66" width="100"><font color="#F0F0F0">我是X</font></td>
<td bgcolor="#FF8888" width="100"><font color="#F0F0F0">我是X</font></td>
<td bgcolor="#5599FF" width="100"><font color="#F0F0F0">我是X</font></td>
<td bgcolor="#FF8888" width="100"><font color="#F0F0F0" >我是X</font></td>
<tr></table>
参数说明：非常简单，bgcolor就是修改背景颜色，其他的和上面的那个表格一样🚜🚜🚜
这个应该是很多人没有注意过的一点，但是用好它非常重要！下面看效果：
Hi,I am X
Hi,I am X IAX.
<p>Hi,I am X<br>
Hi,I am X <abbr title="I am X">IAX</abbr>.
</p>
赶快用起来吧！🚤
- [ ] Hi,I am X
- [ ] Hi,I am X
- [x] Hi,I am X
苹果
: 一种水果
: 一种品牌，计算机，手持设备
桔子
: 一种水果
效果图🤘
18th
29th
18th
18^th^
29<sup>th</sup>
18<sub>th</sub>
在这里sup表示上标、sub表示下标，这里使用HTML是支持的噢🏜第一个的话也是常用的方法之一
数学的公式不知道如何显示应该是非常痛苦的事情，现在来教你们噢💨效果图👇👇👇
∑
i
=
1
n
a
i
=
0
\sum_{i=1}^n a_i=0
i=1∑nai=0
x
∘
x^{\circ}
x∘
a
x
a^x
ax
≤
\le
≤
a
0
+
a
1
+
a
2
+
⋯
+
a
n
⏟
x
\underbrace{a_0+a_1+a_2+\cdots+a_n}_{x}
x
a0+a1+a2+⋯+an
(
a
x
)
2
\left(\frac{a}{x} \right)^2
(xa)2
$$\sum_{i=1}^n a_i=0$$
$$x^{\circ}$$ $$a^x$$ $$\le$$ $$\underbrace{a_0+a_1+a_2+\cdots+a_n}_{x}$$
$$\left(\frac{a}{x} \right)^2$$
总结了非常多的关于数学的各种符号：点我点我
关于脚注问题我只有两种方式🛫
正文内容[1]
正文内容[2]
这是脚注定义. ↩
脚注定义内容 ↩
<p>正文内容<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p>
<p>正文内容<sup class="footnote-ref"><a href="#fn2" id="fnref2">[2]</a></sup></p>
<hr class="footnotes-sep">
<div class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p class="xsj_paragraph xsj_paragraph_level_1">这是脚注定义. <a href="#fnref1" class="footnote-backref">↩</a></p>
</li>
<li id="fn2" class="footnote-item"><p class="xsj_paragraph xsj_paragraph_level_0">脚注定义内容 <a href="#fnref2" class="footnote-backref">↩</a></p>
</li>
</ol>
</div>
```mermaid
flowchat
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op```
这个是怎么做出来的？
非常简单，直接在前面加上>就行啦
嵌套引用1.
嵌套引用2.
> 嵌套引用1.
>
>> 嵌套引用2.
在你的代码块有关这个代码高亮问题，非常简单，在编译器上方有一个代码块的选项，选择你的语言就可以了，系统会自动高亮的
#include<stdio.h>
int main(){
printf("你好，这是C语言");
return 0;
}
.body{
background-color:red;
}
<!---这里是CSS--->
今日分享总结到此结束，如果对你有帮助，别忘了点赞、收藏和关注噢，有任何问题欢迎在评论区告诉我，我们下期再见🏡🏡🏡
