WordPress文章段落首行缩进及间距设置的方法

青睐玩wordpress的童鞋都知道,wordpress自带的主题普通都没有对文章段落首前停止字符缩进设置的(由于wordpress是国外人开发的,而国内在写文章时普通不对段落首前停止缩进),而且段落与段落之间的间距也不是很适合,看起来很影响美观,这个时分该怎样办呢?其实只需你懂CSS的话,只需一点工夫就可能处理。下面就来讲讲我是怎样修正的吧!

段落首行缩进

登录本人的网站,进入wordpress后台,点击外观->编辑,然后找到以后运用主题的CSS样式文件,打开并定位到文章内容所在的已定义的CSS样式,普通都是#content或许.content,不管哪种都可能,然后要其下面加一段CSS样式文件,也就是要作用与段落缩进的CSS样式。我改的减少的如下,仅供大家参考。

.content-c p{text-indent:2em;}

简略阐明:.content-c示意该CSS是类抉择器,前面的p示意其作用与段落,text-indent是CSS里面的一种设置文本的属性,该属性可能对文本停止字符缩进操作,有length(长度)和precentage(百分比)两种取值方法,length(长度)和pecentage(百分比)可认为负值,默许值为0。显然我在上面利用的是length取值的方法对段落首行缩进两个字符。

段落间距设置

根本操作跟上面的设置是一样的,进后台打开主题CSS样式表,定位到作用于段落的已定义CSS样式文件,在#content或许.content,不管哪种都可能,然后要其下面加一段CSS样式文件,我改的减少的如下,仅供大家参考。

.content-c p{margin-bottom:10px}

简略阐明:.content-c示意该CSS是类抉择器,前面的p示意其作用与段落,margin是CSS里面的一种设置对象边距的属性,其有margin-top、margin-left、margin-bottom、margin-right即上边距,左边距,下边距,右边距四种方式,该属性有auto(主动)、length(长度)和precentage(百分比)三种取值方法,显然我上面利用的是length取值方法设置段落下边距为10个像素。

假设你对CSS很相熟应该可能看进去,这两个CSS样式可能合并为一个,即如下所示

.content-c p{text-indent:2em;margin-bottom:10px}

合并与不合并作用的效果齐全一样,不过从节俭空间和网站加载速度下去思考,还是建议大家合并在一同,并且一切的CSS文件能合并一同的尽量合并为一个。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共1条

请登录后发表评论