其他分享
首页 > 其他分享> > 此博客使用的CSS样式详解!

此博客使用的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