资源下载 - 从此开始!

下载我_精品源码软件教程资源网

您的位置:主页 > 网页制作 > 正文

css实现文章每个段落开头自动缩进两个空格

2018-10-12 19:05 来源:互联网 编辑:admin

一篇文章,需要排版整齐,段落分明,才能吸引读者有读下去的欲望。我现在发现网上很多文章,转载过去后没有经过任何编辑,结果字体密密麻麻的堆在一起,有的文章整版只有一段,这位转载人士真够懒惰的。

我写文章,喜欢段落开头空两格,以前,我都是手动敲两个空格进去,后来,我发现,有的文章的每个段落开头并没有空格符,而在网页上显示时照样会缩进两个空格。这就是菜鸟和专家的差别。

后来,我研究下别人的代码,原来,别人是用css实现的。我觉得这样很好,第一,不需要我在写文章时每段开头都要敲两个空格,从而节省了时间;第二,由于每段开头少了两个空格符,使得文章的字符便减少了一些,这样,可以加快网页的显示速度。

经研究,发现如下代码可以实现

#adiv p{
 text-align:left;
 text-indent:2em;
 padding-bottom:10px;
}

上述代码中,adiv是文章内容所在层的id,文章内容写在<p></p>标签里。

这里说到css,那顺便介绍下一个css代码在线压缩工具吧,该工具可以把css代码无损压缩30%以上。压缩代码可以加快网页的显示速度,这个最基本的SEO优化了,建议站长都重视起来。

打赏一下,我们会为大家提供更多优质资源!

相关文章,95%的人会看!{有内幕、有真相...}

看过本文的人还看过

关闭

微信扫一扫

站长微信账号