微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

此博客使用的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随笔的页面显示就和编辑的预览不一样呢?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。