欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 程序代码 > css实现文章段落开头自动缩进两个空格
这篇文章主要为大家详细介绍了css实现文章段落开头自动缩进两个空格,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

  从小学一年级老师就教导我们写文章每一段落开头要留两个空格。所以好的排版布局也让浏览你文章和看你网页的用户有心情继续看下去。所以361模板写文章总希望在段落开头空两格。

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

  后来,我研究下别人的代码,原来,别人是用css实现的。我觉得这样很好。

  第一,不需要我在写文章时每段开头都要敲两个空格,从而节省了时间;

  第二,由于每段开头少了两个空格符,使得文章的字符便减少了一些,这样,可以加快网页的显示速度。

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

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

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

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

以上就是本文的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361源码网。

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

热词标签: css 文章段落 自动缩进

上一篇js实现不同域名使用不同CSS样式代码

下一篇PHP获取当前文件名路径 PHP dirname(__FILE__) 获取当前文件绝对路径

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在