Hyungwon复活!简单的中文网页文章排版
大家好!我是hyungwon,不知道还有人记得不?
?
不知道哪个月我发表了一篇关于网络安全color的文章,结果被伟大的javaeye当成敏感文章,把账户给删了,我气愤至极,所以一怒之下决定再也不来了。不过经过时间的流逝,我觉得javaeye还是一个技术交流很好的平台,暂且先原谅他那么一回错误吧。
?
以后希望大家继续支持咯!
?
大家看到这篇文章不知道会不会砸鸡蛋给我。所以我还是发点有价值的东西上来吧。谨以此献给我们部的编辑朋友们,希望以后你们上传文章之前先排排版,谢谢了~(ps:这里只针对本公司中文网站)
?
1、字体样式
?
?字体一般选择宋体,这个毋庸置疑。不知道谁还想问我为什么。我伟大的同事们应该不会改成别的字体。
?
字体大小理论上12px为最佳,可是在我们公司,我说12px别人会听吗?NO!他们不懂啊。所以只好选择14px的字体了。
?
字体颜色,在#fff的背景上,使用#333的文字要比#000的文字看起来舒服。
?
当文章中遇到重要的文字,请同事们合理的使用文字加粗的办法,而不是加一些红色,黄色的文字背景,OK?
?
2、行距样式
?
行距就是指两个相邻的行之间,基线的距离。行间距的单位常常使用em,也就是根据字体大小来定义行距。在浏览器中,默认的行距并没有一个准则。更具 W3C提供的建议,它认为默认的行距应该在1.0em到1.2em之间。事实上,在设定行距的时候,排版上有个原则,就是行与行之间的空隙一定要大于单词与单词之间的空隙, 否则的话,阅读者在阅读的时候容易“串行”,造成阅读困难。
?
充足的行距可以隔开每行文字,使得眼睛容易区分上一行或下一行。近几年Web上对于正文的排 版,大多喜欢1.5em的行距,尤其是中文网站。也就是如果使用了12px的字体大小,那么设计师常常喜欢18px的行距。1.5em确实是一个很好的经 验值。事实上,中文的论文的规范也是使用1.5em的行距。
?
3.段落
?
将大段文字合理的分段。一味的强调文章的重要性和更新的速度,那也应该重视质量的吧?文章长篇大论的,读者扫一眼都会觉得头晕,他还会看吗??所以我们要合理的将文章分段。以我的经验4、5行话分一段落就好了。条理清楚,段落明了,让读者看着舒心。
?
?
4.图片
图片竟然不让做浮动,那就让它居中。要不图片跟文字歪歪扭扭的,那是怎么回事啊?
?
?
?
?