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

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

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

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

分享给朋友:

相关文章

zblog安装微博插件

本文介绍了一些zblog程序与微博对接的一些小技巧,同时提到zblog与新浪微博和腾讯微博连接的新方法,利用ZSXSOFT开发的两个插件就能很好的完成博客与微博的对接目标…

乾元轩新主题心是莲花测试版上线

相信大家已经看到了,乾元轩博客又弄了新的样式,暂时定名为心是莲花样式,imlotus,本主题是小一原创Qeeke主题经过乾元轩修改为imwen主题之后,再度进化版,页面除去背景莲花图片,就色泽单调非常…

创建个人博客的目的

每个人开设个人网站或者个人博客的目的都不尽相同,也许只是想练练SEO的能力,也许是想通过这个个人博客来营销某些产品,甚至是推广自己,也可能一时脑子进水,想要自己拥有一个网站的(比如我),当然,也有纯粹…

关于zblog程序手机版的一点想法

玩博客的人,特别是老家不在自己目前所在地或者常常出远门的人,都会遇到这个问题,博客,特别是自己苦心经营的个人网站可能会在自己回老家或者其他没有网络使用的情况下被自己冷落,于是我研究了一下zblog手机…

zblog2.1首页title标题显示顺序调整

zblog2.1首页title标题显示顺序调整

ZBLOG升级为Z-Blog 2.1 Phoenix Build 130128之后,对模板进行了优化,所有展示网页的head部分都集成到一个文件里,详见根目录\zb_users\THEME\主题包\T…

有两个账户时让Administrator账户显示并自动登录的办法

电脑登录出现欢迎屏幕后,显示Administrator账号和新建管理员账号的办法。…

评论列表

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

可以的

发表评论

访客

看不清,换一张

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