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

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

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

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

分享给朋友:

相关文章

要正确设置网站robots.txt文件啊

要正确设置网站robots.txt文件啊

在谷歌搜索框里输入site:www.imwen.com,然后翻到最后面看,却不想此刻我惊呆了,因为整页的搜索结果都是You are not login, Exiting...,这是搜索引擎没有登录网站…

zblog邮箱设置为必填选项

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

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

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

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

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

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

电视端APP遭关停服务器的下架威胁,广电总局总是抢头条

电视端APP遭关停服务器的下架威胁,广电总局总是抢头条

随着移动互联网的发展,技术的进步,电视端网络化app是必然的道路,广电的一纸禁令,只不过是被人指责为巩固垄断地位的治标行为。此举只会让众多互联网企业想方设法改变格局,而不会让技术停止进步。…

如何做好app推广?

如何做好app推广?

每个app推广或者投资者都最关心推广的效果:能做多少用户,日活跃用户能达到多少?但是,app推广最后的推广成本和留存量,与产品本身和渠道有很大的关系,这个要看对应的产品在渠道上吸不吸量,产品本身的体验…

评论列表

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

可以的

发表评论

访客

看不清,换一张

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