此博客使用的CSS样式详解!

此博客使用的CSS样式详解!

页首屏蔽广告代码

页脚生成博文目录的JS代码

`

`

页面定制CSS代码

这些都是可以自己使用浏览器的检查元素的模式改的,然后将改动处放入博客设置中的此处。

修改正文和侧边栏的宽度

container {

width: 69em;

}

content {

width: 53em;

}

sidebar-a {

width: 13em;

}

更改字体和行高

body {
font-size: 1em;
}
p {
line-height: 200%;
}
.post {
margin: 0 0 1.3em;
}

自适应移动端屏幕

@media only screen and (max-width:767px) {

container {

width:100%
}

content,

sidebar-a {

width:auto;
float:none
}
}

将标题等字体颜色修改为蓝色

a {
text-decoration:none;
color:#0087ff;
}

存在问题

H3标题不够突出,字体太小且没有加黑!

为什么Markdown随笔的页面显示就和编辑的预览不一样呢?

上一篇:Bootstrap 之 Metronic 模板的学习之路 - (3)源码分析之 body 部分


下一篇:python streamlit 速成web页面,深度学习模型展示.