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

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

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

话说之前不知道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版权信息及对删除的个人看法

我博客底部的内容有Powered By Z-Blog,这部分是保留zblog的版权信息的,这说明本博客系统采用的是zblog程序,并有表示感谢的意思,所以除非人家明说授权任你修改删除,否则最好保留…

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

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

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

zblog邮箱设置为必填选项

前两天花满山也和我提到个人博客网站很多垃圾留言评论的问题,这个问题让我很汗颜,垃圾评论已经严重损害了个人博客网站的健康,同时给广大人民群众带来非常严重的负面影响,所以我解决此问题并顺便介绍了zblog…

Windows组件没有Internet信息服务(IIS)选项解决设置方法

通过控制面板的添加删除程序,不少人都会遇到Windows组件没有Internet信息服务(IIS)选项的情况,当然这针对需要安装IIS服务器的人来说,但是我们可以通过一些方法来恢复Windows组件中…

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

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

评论列表

鲜果
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)

可以的

发表评论

访客

看不清,换一张

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