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

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

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

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

分享给朋友:

相关文章

换了液晶显示器出现MODE NOT SUPPORTED无法显示问题

乾元轩介绍CRT换成液晶显示器时,液晶显示器在电脑启动后,进入windows XP系统时,出现MODE NOT SUPPORTED字样,并无法显示的解决办法,操作比较简单,其他操作系统可能也会遇到这个…

zblog博客管理手记

没有放任自己的zblog博客不管,偶尔还是做了一些小小的修改和调整,并处理一些特别垃圾的评论。这也许就是所谓的博客打理了吧,博客成长的一些细节和小小的经历,随手而记,也可以供以后遇到类似问题时查找参考…

ZBtoSnWb新浪微博插件无法调用摘要解决

使用ZSXSOFT开发的zblog新浪微博插件更新文章或者修改文章的时候,摘要无法显示,通过对插件的修改可以修复这一个问题,这个修改方法也简单,只需要在该插件include.asp文件的代码里加入一句…

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

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

用户一般在哪里下载APP

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

评论列表

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

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

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

是的 其实就是p在起作用

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

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

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


非常专业的知识,支持了

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

css控制起来非常饿方便啊

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

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

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

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

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

正在使用ZBLOG,学习了

SEO优化
16年前 (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
16年前 (2011-06-11)

对啊,呵呵

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

是啊,

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

呵呵,谦虚的人

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

不专业的

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

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

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

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

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

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

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

可以的

发表评论

访客

看不清,换一张

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