分享一款网页文章排版实用工具

文章类型:常见问题    发表2016-08-24   文章编辑:怒熊网络 · 一站式互联网+技术服务商!   阅读:360

网站上线之后,在后台更新内容是每个站长必不可少的工作,通过更新内容让用户看到更多有价值的信息,同时提升网站价值。然而,网站的每一篇文章内容在编辑的时候都应该注意其内容排版,才能让用户友好的阅读,比如一些小说网站,会把内容文字变得比较大,高级一点还可以让用户调整字号、背景。

今天怒熊网【重庆网站建设】为大家分享一个网页文章内容排版工具Type Nugget,虽然它是英文版的,但可以使用百度翻译工具将它翻译之后使用,有了它,设计师将能很方便设置文章段落、标题、行距、文字颜色、链接颜色、背景等功能,当设置好后,还能生成 CSS 样式代码,相当便捷,比起在 PS 或其它设计工具上调整会快很多。建议网页设计师们收藏此工具。

工具名称:Type Nugget 

工具地址: http://www.typenugget.com/

下图中,左边为文字演示(用户可以手动删除和输入新文字),右边为设置样式,样式有文字大小、页面背景、H1-H6、Margin、line-height 值等等均可设置。

当设置完成后,点击「GENERATE CODE」按钮,然后会生成一个 CSS 文件链接,把链接粘贴到浏览器即可看到该样式代码。

生成CSS代码链接,将该链接复制到浏览器打开就可以看到代码了,另外你还可以点击「download the CSS」链接来下载这个 CSS 样式文件。

目前该工具仅支持桌面预览,但后继还会推出平板、手机等平台预览方式。