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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效