CSDN排版常用语法
学习目的
(1)想让自己的博客排版更好看一点,不系统的学习以下可能需要的时候也想不到用哪个功能。
(2)学习排版也是梳理逻辑,不断精炼语言的过程。
尤其是图表,挺多可以研究的点。
1.文本
(1)标题&目录
标题分层用于梳理逻辑和层次关系;
(2)文本样式
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本
引用文本
H2O 下标的表示
210 指数的表示
(3)排版
a.空格
CSDN使用HTML空格标记
名称 | 代码 | 长度 | 拓展记忆 |
---|---|---|---|
不换行空格 | |
常规空格的宽度 | No-Break Space |
半角空格 |   |
一个字母的宽度 | En Space,en是字体排印学的计量单位,为em宽度的一半。 |
全角空格 |   |
一个字的宽度 | Em Space,em是字体排版宽度为一个中文宽度 |
窄空格 |   |
半个字母的宽度 | Thin Space,1/6个em长度 |
b.注脚
(4)其他
代码和数学公式
2.表格
(1)列表
这些在CSDN的语法说明中都有。
a.有缩进的列表
- 项目
- 项目
- 项目
- 项目
b.普通罗列的列表
- 项目1
- 项目2
- 项目3
c.复选框列表,可以给复选框打钩
- 计划任务
- 完成任务
(2)表格
Column 1 | Column 2 |
---|---|
centered 文本居中 | right-aligned 文本居右 |
注意点:
表格前后要各空一行;
编辑页中对第一行和第二行的分割处,
|:--------:| -------------:|
能对文本位置进行编辑
|--|--|
不能对文本位置进行编辑;
3.图片
(1)图片的位置
a.图片在网页中的位置
默认居左的图片:
居中的图片:
居右的图片:
b. 图片的尺寸设置
带尺寸的图片:
宽度确定高度等比例的图片:
高度确定宽度等比例的图片:
(2)特殊的图
a.甘特图
b.UML图
可以用来表示经典的三次握手,四次挥手