承蒙张力大哥指点wp博客行高设置成功

哥们,你好我是视频营销陈松松

自从到了张力大哥的博客后(zhangliseo.com),就没少麻烦大哥,虽然和大哥仅仅是在网上聊天,但大哥人非常好,我博客现在遇到问题都找张力大哥,因为松松只会修改模板,不是源码,而是汉字,图片等换成自己的,其他的就不会了,诸如源码问题一窍不通。松松始终认为够用就行了。

今天遇到了问题一个很简单的问题,但松松不知道如何修改。

然而咨询了张力大哥,很快得到了解答,当然过程是很长的,因为对这些松松一窍不通。

因为松松的wordpress后台文字编辑中没有行高这个设置,要对整个网页文章页面行高设置就要用到css样式设置。

解决办法,首先我们登陆到wordpress后台,找到左侧的外观→编辑→样式表(style.css),找到后点击进入,在这个页面就可以看到很多代码,你在这里找到这两段代码:

下面这个是复制里面的:

.post .con{margin:15px 5px;font-size:18px;}
.post .con p{padding:8px 0;line-height:28px;text-indent:2em;text-align:justify;text-justify:inter-ideograph;color:#555;}

将line-height:28px更改就行 只要把你的那个数字换了就行,比如把28换成25都行,之后点击下方的更新文件即可。

text-indent:2em; 这个是段落缩进,就是你开始写文章开头是否空2个汉字,我的是0不空,你可以看下哦,根据自己设置,将2改成0即可。

之后你将你之前所有写的文章你点击,文章的编辑,进入文章编辑状态,然后再点击右侧更新,你就可以看到文章会变,否则你直接查看已经更新很久文件不会改变,或者你重新写一篇文章页可以。下面松松介绍更详细行高情况。

最近松松在对《陈松松视频营销》所有相关资料更新,也包括上线的单页,之前的视频营销单页不怎么的,所以都更新,但遇到了个问题,行高,百度搜索,知道了如何设置整个页面的高度,段落字体行高。

请先看解释哦!

页面中两行文字中需要设置间距,使用指令是:"style=line-height:XX"

其中“XX”可以是每行高度在屏幕上的点数pt(如20pt),也可以是与文字的比例(百分比单位,150%;),100% 默认行距,可不设定;150% 1.5倍行距;200% 2倍行距;也可以输入像素值px(如20px)。
常用的是每行高度是文字高度的1.5倍,指令为“style=line-height:150%”,这样行与行间就有半个字的空间。
也可以像素值来设定:“style=line-height:20px”,表示每行所占高度的尺寸是20像素。

所使用的设置指令放置位置有如下几种情况:

1)设置参数可以放在<body>里面,这是对整个页面有效,没有后台的单页,我会用到,对有后台可能用到css样式了如:<body style="line-height:150%;">,

2)也可以放在分段符里,只对该段设置,如:
<p style="line-height:150%;">段落文字</p>

3)或设置在表格中,则只对表格中内容起作用,如:
<table style="line-height:150%;">

4)或设置在表格单元格中,则只对表格单元格中内容起作用,如:
<td style=line-height:20pt> 表格单元格中文字内容</td>

5)当然,用css样式表也可以,会对整个网页起作用,如:
<style type=text/css>
TD{LINE-HEIGHT:150%}
</style>

补充:

在网页设计中,经常用到字体,而字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?
px:pixel,像素,屏幕上显示的最小单位;
pt:point,点,是印刷业一个标准的长度单位,1pt=1/72英寸;
在Windows里,默认的显示设置中,把文字定义为96dpi。这说明了:1px=1/96英寸;而1pt=1/72英寸,可以得出,在本设置中1px=0.75pt,字体9pt=12px。
但是,用户可以修改文字定义的dpi大小,例如改成144dpi,这样,1px=0.5pt,字体9pt=18px。原先用12px来组成的一个文字,现在需要18px来组成,px多了,文字就“大”了,更易阅读了。
所以,px和pt的区别在于,px会随显示器的分辨率而改变,pt会随Windows系统字体大小设置而改变。

这是松松再看到一篇文章转载过来的,不用记忆,需要时候来松松博客搜索即可。

松松每天早上9点会和您分享有关视频营销相关知识,请准时来哦,

视频营销陈松松祝您生活愉快!

分享:

1条评论

  1. 不错的文章,内容惟妙惟肖.