【Windows 常用工具系列 6 -- CSDN字体格式(字体、颜色、大小)、背景色设置】

文章目录

背景

Markdown是一种轻量级标记语言,它的目标是实现"易读易写"。创立于2004年,由约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)共同设计。

Markdown语法简洁明了、学习容易,而且功能强大。它使用纯文本格式,因此可以用任何文本编辑器打开,非常便于读写。

Markdown最常用于编写文档和网页内容,特别是在程序员中受到广泛的欢迎。如GitHub就支持Markdown格式的README文件。

Markdown的语法包括:

  • 标题:使用#来标记,一个#是一级标题,二个##是二级标题,以此类推,支持六级标题。
  • 段落和换行:段落由一个或多个连续的文本行组成,段落前后要有一个以上的空行。在一个段落内,行尾插入两个以上的空格然后回车。
  • 列表:无序列表使用星号、加号或者减号作为列表标记,有序列表使用数字加点。
  • 引用:使用>表示。
  • 代码:可以用反引号来标记。
  • 链接和图片:使用[]来插入链接,使用![]来插入图片。
  • 强调:使用*或_来表示。

在Markdown中,你可以直接插入HTML代码。Markdown的语法解析器可以处理HTML标签,并且在生成的输出中保留这些标签。这意味着你可以在Markdown文档中自由地使用HTML,且不需要特殊的转义或标记。

例如,你可以在Markdown文档中插入一个HTML表格:

html 复制代码
<table>
 <tr> <th>Header 1</th>  <th>Header 2</th> </tr> 
 <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> 
 <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> 
</table>

效果如下

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

需要注意的是,虽然 Markdown支持内嵌 HTML,但并非所有的HTML元素都会被所有的Markdown解析器完全支持,具体支持情况可能会根据你使用的具体工具或平台而有所不同。

CSDN 的markdown 编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等)就是内嵌HTML,接下来要讲的功能就需要使用内嵌HTML的方法来实现 字体 (颜色、格式,大小)及背景色设置。

字体大小设置

c 复制代码
size为1:<font size="1">size为1</font><br /> 
size为2:<font size="2">size为2</font><br /> 
size为3:<font size="3">size为3</font><br /> 
size为4:<font size="4">size为4</font><br /> 
size为8:<font size="10">size为10</font><br /> 

效果如下


size为1 :size为1


size为2 :size为2


size为3 :size为3


size为4 :size为4


size为8 :size为8


字体颜色设置

常用对照表
RGB 颜色参考值ASCII对照表网页字体参考

c 复制代码
浅红色文字:<font color="#dd0000">浅红色文字</font><br /> 
深红色文字:<font color="#660000">深红色文字</font><br /> 
浅绿色文字:<font color="#00dd00">浅绿色文字</font><br /> 
深绿色文字:<font color="#006600">深绿色文字</font><br /> 
浅蓝色文字:<font color="#0000dd">浅蓝色文字</font><br /> 
深蓝色文字:<font color="#000066">深蓝色文字</font><br /> 
浅黄色文字:<font color="#dddd00">浅黄色文字</font><br /> 
深黄色文字:<font color="#666600">深黄色文字</font><br /> 
浅青色文字:<font color="#00dddd">浅青色文字</font><br /> 
深青色文字:<font color="#006666">深青色文字</font><br /> 
浅紫色文字:<font color="#dd00dd">浅紫色文字</font><br /> 
深紫色文字:<font color="#660066">深紫色文字</font><br />

效果如下

color 效果
浅红色文字:浅红色文字:
深红色文字:深红色文字
浅绿色文字:浅绿色文字
深绿色文字:深绿色文字
浅蓝色文字:浅蓝色文字
深蓝色文字:深蓝色文字
浅黄色文字:浅黄色文字
深黄色文字:深黄色文字
浅青色文字:浅青色文字
深青色文字:深青色文字
浅紫色文字:浅紫色文字
深紫色文字:深紫色文字

字体类型

c 复制代码
<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>

效果如下

1 我是黑体字

2 我是宋体字

3 我是微软雅黑字

4 我是fantasy字

5 我是Helvetica字

背景色

c 复制代码
<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值:#7FFFD4</td></tr></table>
<table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值:#FF83FA</td></tr></table>
<table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值:#D1EEEE</td></tr></table>
<table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值:#C0FF3E</td></tr></table>
<table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值:#54FF9F</td></tr></table>

|--------------------------|
| 背景色的设置是按照十六进制颜色值:#7FFFD4 |

|--------------------------|
| 背景色的设置是按照十六进制颜色值:#FF83FA |

|--------------------------|
| 背景色的设置是按照十六进制颜色值:#D1EEEE |

|--------------------------|
| 背景色的设置是按照十六进制颜色值:#C0FF3E |

|--------------------------|
| 背景色的设置是按照十六进制颜色值:#54FF9F |

推荐阅读
https://blog.csdn.net/m0_46299185/article/details/120326321