当前位置:首页 > 数字化与技术

CSS控制zblog文章段落首行缩进两个字符位置

老陌15年前 (2011-06-08)数字化与技术148913

话说之前不知道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键,这样查看源代码,也会觉得代码看起来比较美观简洁,搜索引擎相对来说爬行时会感到比较舒服。

分享给朋友:

相关文章

乾元轩新域名终于拿到工信部备案号了

乾元轩新域名终于拿到工信部备案号了

互联网在中国当然必须具有中国特色,而备案就是中国特色之一,没有工信部的备案号当然就如红旗上少了一颗星星一样,不靠谱,这个imwen.com已经注册半年了,从注册时起,就委托空间商备案客服帮忙备案了…

zblog验证码加字母后无法显示不全

zblog1.8版中,把验证码修改为数字0-9,再加26个小字母,发现后台登录不了了,不要担心,经过乾元轩个人博客网站的亲身体验,找到一种简单的解决方案了,方法很简单,只需要几步就可以让zblog模板…

靠谱助手 BlueStacks安卓模拟器使用说明程序下载

注意:本文提供安卓模拟器BlueStacks和靠谱助手的使用介绍和程序下载,需要的话,请继续往下文看。BlueStacks安卓模拟器下载地址:http://pan.baidu.com/s/1pJ8u4…

香港中环事件引发的FireChat下载能走多远

任何政府,包括中西方各种政治体制在内的政府,都希望不利于自己的事件永远不被自己管辖下的民众知晓。甚至仅仅是利益的纷争。我不是说广电总局大言不惭的说为什么要广电网来适应互联网,而不是互联网来适应广电网这…

用户一般在哪里下载APP

手机应用软件,不管是手游类,还是其他应用软件,就算做得再完美,没有合理的渠道推广给用户,没有用户量,就不是最好的app应用软件。那么,反过来,以用户的角度而言,一般会在哪里下载他用户需要的app呢?这…

分分钟被耗完:我的手机流量去哪儿了?

据中国青年报报道,微信6.0版本新增的“小视频”功能聚集了很高的人气,但也有网友抱怨在使用该功能后,手机上网流量“分分钟”被耗完,甚至朋友圈被刷到停机。这些网友大多心中都会有这样的疑问,我的手机流量去…

评论列表

鲜果
15年前 (2011-06-08)

这样可以节省很多编写文章时候狂按空格的时间……

vfeng 回复:
对啊,呵呵
15年前 (2011-06-11)
卢松松
15年前 (2011-06-08)

是的 其实就是p在起作用

vfeng 回复:
是啊,
15年前 (2011-06-11)
电商圈
15年前 (2011-06-08)

这个还真不知道哟,呵呵,过来学习一下

vfeng 回复:
呵呵,谦虚的人
15年前 (2011-06-11)
太子虹
15年前 (2011-06-08)


非常专业的知识,支持了

vfeng 回复:
不专业的
15年前 (2011-06-11)
管道疏通公司
15年前 (2011-06-08)

css控制起来非常饿方便啊

vfeng 回复:
对啊,发明css的人真是天才
15年前 (2011-06-11)
西安婚纱摄影
15年前 (2011-06-08)

如果css控制的好的话,可以省去很多的麻烦啊

vfeng 回复:
不错,可以减少不少麻烦事
15年前 (2011-06-11)
BB霜
15年前 (2011-06-08)

这个css比html属性方便了很多

vfeng 回复:
对呀,所以能用css,就用css
15年前 (2011-06-11)
家纺十大品牌
15年前 (2011-06-09)

正在使用ZBLOG,学习了

SEO优化
15年前 (2011-06-09)

博主只是很专业啊 支持了

。.e11du.。
15年前 (2012-01-05)

文章很好,祝博客办得,越来越好!

。.96tz.。
15年前 (2012-01-07)

文章写得很好。.祝博客办得,越来越好!

。.96tz.。
15年前 (2012-01-10)

搜到这篇文章,评论一下,留个足迹,支持一下博主。

初学者
14年前 (2012-07-12)

使用:首行缩进两字字符 text-indent:2em 不一样吗

文玑阁 回复:
可以的
14年前 (2012-07-13)
vfeng
vfeng
15年前 (2011-06-11)

对啊,呵呵

vfeng
vfeng
15年前 (2011-06-11)

是啊,

vfeng
vfeng
15年前 (2011-06-11)

呵呵,谦虚的人

vfeng
vfeng
15年前 (2011-06-11)

不专业的

vfeng
vfeng
15年前 (2011-06-11)

对啊,发明css的人真是天才

vfeng
vfeng
15年前 (2011-06-11)

不错,可以减少不少麻烦事

vfeng
vfeng
15年前 (2011-06-11)

对呀,所以能用css,就用css

文玑阁
文玑阁
14年前 (2012-07-13)

可以的

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。