如何在你的Blog里面方便的写格式化而且很好看的文章(逼近Word的风格)

大家都很喜欢在Blog上发文,而且Blog服务也提供了可视化的编辑工具,不过窃以为很不方便和实用,而且样式标签的嵌套很有可能造成很多属性失效,同时在同一对象上反复编辑会产生大量的垃圾标签,不易于日后的维护和修改,那么这里就提出一种简单高效的方法:自订制CSS文档模板。

其实很简单,只要自己预先定义好一个文档的模板就行了。一般是这样,Blog的源代码处理程序会把你发文的HTML代码放到整个Blog模板的某一个单元格里面,那么这个单元格至少在宽度上是定死的,高度上是可以扩展的,那么我们就可以在这个指定的单元格里自己创建自己编辑区(对了!用DIV!),具体这样做:

<DIV style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 15px; PADDING-BOTTOM: 20px; WIDTH: 700px; TEXT-INDENT: 35px; LINE-HEIGHT: 150%; PADDING-TOP: 20px">
<P>
//...添加你的文字here
</P>
</DIV>

我们来对这个样式解释一下:宽度700px是可变的,就是你这个div编辑区的宽度,由你来改变;四个padding分别是你这个div里的内容距离四个边的距离,就是div里面内容的范围;text-indent这个东西非常有用,是首行缩进,就是你在Word里面拉动的上面的那个标尺,而且整篇文章都是这个首行缩进;font-size不说了,地球人都知道;最后一个也很有用,就是传说中的行间距,一般设为150%,就是Word里面的1.5倍行距。所以保留你自己的这段div的源代码,以后只要写文章就在这段代码中间添加文本就行了,要注意添加的方法,其实也非常简单,就是每个段落前后都加上“<p></p>”就行了,他代表了一个段落,这样子就可以了。那么以后你在这个源代码模板中编辑你想要的文字,不需要换行,也不需要过多的考虑格式,just write!只要标记好你的段落<p></p>就行了。如果需要更改样式,那么可以直接更改模板:全部改掉;或者局部用自定义的样式重叠(这个比较进阶,在此不加赘述,请参考相关资料)。

PS:本文也是用上述模板写成:)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值