此博客使用的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随笔的页面显示就和编辑的预览不一样呢?
标签:container,博客,width,详解,字体,sidebar,CSS 来源: https://www.cnblogs.com/fenixhuang/p/14226683.html