首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Hyungwon复生!简单的中文网页文章排版

2012-11-04 
Hyungwon复活!简单的中文网页文章排版大家好!我是hyungwon,不知道还有人记得不??不知道哪个月我发表了一篇

Hyungwon复活!简单的中文网页文章排版

大家好!我是hyungwon,不知道还有人记得不?

?

不知道哪个月我发表了一篇关于网络安全color的文章,结果被伟大的javaeye当成敏感文章,把账户给删了,我气愤至极,所以一怒之下决定再也不来了。不过经过时间的流逝,我觉得javaeye还是一个技术交流很好的平台,暂且先原谅他那么一回错误吧。

?

以后希望大家继续支持咯!

?

大家看到这篇文章不知道会不会砸鸡蛋给我Hyungwon复生!简单的中文网页文章排版。所以我还是发点有价值的东西上来吧。谨以此献给我们部的编辑朋友们,希望以后你们上传文章之前先排排版,谢谢了Hyungwon复生!简单的中文网页文章排版~(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.图片

图片竟然不让做浮动,那就让它居中。要不图片跟文字歪歪扭扭的,那是怎么回事啊?

?

?

?

?

热点排行