-
话说之前不知道zblog的文章段落首行如何缩进两个字符位置,于是使用了tab键,但是细心的朋友就会查看源代码,原来所谓tab键弄成的首行缩进,全是空格键代码 ,这对于人来说,对着浏览器是看不出什么来的,但是搜索引擎应该就会觉得碍手碍脚的吧。
那么,要如何才能没有这个空格代码,又能让首行缩进自己希望缩进的量呢?今天,乾元轩就要介绍到一种CSS方法了。这个方法,对于熟悉CSS的朋友来说,是小菜一碟。但是若不熟悉CSS,则可能会觉得麻烦。不过没关系,乾元轩向来是秉承介绍简简单单的一些网站优化知识的,包括简单实用的CSS控制语句的编写。
下面就详细介绍一下如何利用CSS来调控文章段落首行的字符缩进量吧。
首先,找到正在使用的主题,里面有个.css文件,就是该主题的样式文件了。打开文件,找到文章页段落控制语句(不知道的,可以随便打开自己博客的一篇文章,看看包含文章内容的代码,例如乾元轩博客的是postcontent下的p,p是指段落标记),给这个段落标记p指定样式,就可以让文章有个性的展示了,比如设定字体,字号的大小,字体颜色等。
乾元轩之前的文章页段落css样式表是这样的 .PostContent p{margin:0 0 14px;font-size:14px;line-height:180%;},现在为了加入控制首行缩进量的代码,就要在里面放置text-indent:28px,成了 .PostContent p{margin:0 0 14px;font-size:14px;line-height:180%; text-indent:28px;}
28px是乾元轩根据字号设定font-size:14px设定的,因为一个字是14px,那么要缩进两个字的位置,就是28px了,当然,如果字间距也有的话,最好加上,例如可以把上面的改为29px或者30px,只要测试通过就行。
上面的内容就是介绍了如何利用CSS控制zblog文章段落首行缩进的问题,可以避免使用tab键,这样查看源代码,也会觉得代码看起来比较美观简洁,搜索引擎相对来说爬行时会感到比较舒服。
已有 13 位网友发表了一针见血的评论,你还等什么?【相关文章】
- 2018-10-21 11:17:34如何查询浏览器的User Agent
- 2018-1-26 7:19:23【技术】fiddle抓取cmd命令行下jar包提交的的http和https数据
- 2018-1-25 22:55:6【技术】html5网页添加音乐按钮并自动循环播放方法
- 2017-8-24 22:21:11电脑端与移动端网页转换自适应设置
- 2017-6-23 1:0:2电脑开机不用登录账号自动运行bat文件
- 2017-6-21 23:22:42zblog编辑文章发布没跳转zb_system/cmd.asp?act=ArticlePst解决
- 2017-4-7 9:50:4阿里云服务器FTP设置外网访问200,227问题解决方案
- 2016-10-28 1:10:24windows iis用CMD命令行开启Php workerman.php服务问题解决
非常专业的知识,支持了