CSS排版遇到的问题
2022-08-03 12:53
Words count:
1000
这是一篇辅助文章。主文章是《markdown渲染效果同步到顶呱呱+新作+公众号的教程》
目录
1、左右的缩进太大了
2、加粗字体不是红色
3、引用里的竖条颜色不对
4、引用里的字的颜色不对
5、引用里的背景色改成无
6、引用块上下有空行
CSS排版遇到的问题
Typora里显示的主题效果,在下面这个网页很可能正常显示不了
链接2 https://markdown.com.cn/editor/
在其他类似网站很可能也是正常显示不了
这就需要一点HTML和CSS的基础了
我也是现学现卖的,大概的看了下这方面的教程
— —
当你把TYpora里的主题文件里的css代码复制粘贴到链接2这个网页之后
如果你碰到下面这些问题,可以试试我的方法
1 左右的缩进太大了
问题处在全局页边距上,在全局属性里单独加一段下面的代码
padding: 2px;
如下图
2 加粗字体不是红色
把这段代码
strong, b{ color: #BF360C; }
改成这样以后
strong, b{ color: #BF360C !important; }
加粗变红色,解决了。
!important是一级优先级的意思
3 引用里的竖条颜色不对
blockquote, q { border-left: 2px solid #009688;
改成了
blockquote, q { border-left: 2px solid #009688 !important;
4 引用里的字的颜色不对
单独加一段就好了
blockquote p {
color:#777;
}
5 引用里的背景色改成无
加了一个背景色的代码
background:none !important;
就解决了
6 引用块上下有空行
用我是用链接2里的其他主题,大改成了我当前css的一部分效果
— —
2
times bought,
0
times reward
Comments