markdown笔记1--设置字体、颜色、图片、背景色

1 常见文字特性

设置字体和颜色：

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=red>我是红色</font>
<font color=#008000>我是绿色</font>
<font color=Blue>我是蓝色</font>
<font size=5>我是尺寸</font>
<font face="黑体" color=green size=5>我是黑体，绿色，尺寸为5</font>

我是黑体字
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是蓝色
我是尺寸
我是黑体，绿色，尺寸为5

设置字体背景色

md默认不支持字体背景色，可以通过html的table来实现字体背景色；
<table><tr><td bgcolor=pink>背景色yellow</td></tr></table>

背景色yellow

2 常见字符使用

1. 空格
   • 全角状态下，直接按空格就是四个空格；
   • 半方大的空白 或 
   • 全方大的空白 或 
   • 不断行的空白格 或 
   • 把输入法切换到全角(一般是shift+空格) 然后再按空格就能够显示了

3 图片链接表示方法

默认格式如下，后面#pic_center 可以确定图片相对位置
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a616fa89d1dba0ccc0c8bc7b3ea0cb27.png#pic_center )
也可以通过html的 img标签，添加width和height来设置宽高比例和大小
<img src="https://i-blog.csdnimg.cn/blog_migrate/a616fa89d1dba0ccc0c8bc7b3ea0cb27.png" width="50%" height="50%">
<img src="https://i-blog.csdnimg.cn/blog_migrate/a616fa89d1dba0ccc0c8bc7b3ea0cb27.png" width="360" height="360" >

图片左对齐、居中、右对齐(也可以通过上面追加 #pic_left|center|right 的方式设置位置)
<div align=left><img  src="https://i-blog.csdnimg.cn/blog_migrate/79d41a21ca0e7c5111454ca6d012246f.png"/></div>
<div align=center><img  src="https://i-blog.csdnimg.cn/blog_migrate/79d41a21ca0e7c5111454ca6d012246f.png"/></div>
<div align=right><img  src="https://i-blog.csdnimg.cn/blog_migrate/79d41a21ca0e7c5111454ca6d012246f.png"/></div>

图1原始方式：

image标签宽高都等比缩小50%

image标签设置宽高都为360

图片左对齐：

图片居中：

图片右对其：

4 颜色设置

以下为一些常见的颜色，可以直接通过 <font color=grey>color=grey</font> 标签来显示不同的颜色；
color=maroon
color=grey
color=silver
color=lightgrey
color=HotPink
color=DeepPink
color=VioletRed
color=Purple
color=navy
color=Blue
color=DeepSkyBlue
color=LightSkyBlue
color=aqua
color=DarkTurquoise（#00CED1）
color=LightSeaGreen
color=YellowGreen
color=LawnGreen
color=GreenYellow
color=Yellow
color=Tomato
color=red
color=fuchsia
color=MediumOrchid
color=DarkViolet

5 常见问题

1. to add

说明

参考文档：
markdown进阶（更改字体、颜色、大小，设置文字背景色，调整图片大小设置居中）
CSDN-markdown 文字样式设置（字体, 大小, 颜色, 高亮底色）