網(wǎng)站上線之后，在后臺更新內(nèi)容是每個(gè)站長必不可少的工作，通過更新內(nèi)容讓用戶看到更多有價(jià)值的信息，同時(shí)提升網(wǎng)站價(jià)值。然而，網(wǎng)站的每一篇文章內(nèi)容在編輯的時(shí)候都應(yīng)該注意其內(nèi)容排版，才能讓用戶友好的閱讀，比如一些小說網(wǎng)站，會把內(nèi)容文字變得比較大，高級一點(diǎn)還可以讓用戶調(diào)整字號、背景。
　　今天為大家分享一個(gè)網(wǎng)頁文章內(nèi)容排版工具Type Nugget，雖然它是英文版的，但可以使用百度翻譯工具將它翻譯之后使用，有了它，設(shè)計(jì)師將能很方便設(shè)置文章段落、標(biāo)題、行距、文字顏色、鏈接顏色、背景等功能，當(dāng)設(shè)置好后，還能生成 CSS 樣式代碼，相當(dāng)便捷，比起在 PS 或其它設(shè)計(jì)工具上調(diào)整會快很多。建議網(wǎng)頁設(shè)計(jì)師們收藏此工具。

　　工具名稱：Type Nugget 
　　工具地址： http://www.typenugget.com/
　　下圖中，左邊為文字演示(用戶可以手動(dòng)刪除和輸入新文字)，右邊為設(shè)置樣式，樣式有文字大小、頁面背景、H1-H6、Margin、line-height 值等等均可設(shè)置。

　　當(dāng)設(shè)置完成后，點(diǎn)擊「GENERATE CODE」按鈕，然后會生成一個(gè) CSS 文件鏈接，把鏈接粘貼到瀏覽器即可看到該樣式代碼。

　　生成CSS代碼鏈接，將該鏈接復(fù)制到瀏覽器打開就可以看到代碼了，另外你還可以點(diǎn)擊「download the CSS」鏈接來下載這個(gè) CSS 樣式文件。

　　目前該工具僅支持桌面預(yù)覽，但后繼還會推出平板、手機(jī)等平臺預(yù)覽方式。
　　本文由奇億網(wǎng)站建設(shè)原創(chuàng)，原文地址：http://www.studstu.com/news/1602.html，轉(zhuǎn)摘請保留版權(quán)，謝謝。

2016/8/23 企業(yè)運(yùn)用模板建站的最佳處理方式

2016/8/22 從流量限制因素來選擇建站空間

2016/8/19 網(wǎng)站建設(shè)應(yīng)這樣做用戶粘性

2016/8/18 網(wǎng)站建設(shè)之設(shè)置內(nèi)鏈的方法及其作用

2016/8/17 10個(gè)科幻主題網(wǎng)站建設(shè)賞析

2016/8/16 博客網(wǎng)站的SEO外鏈推廣方法

2016/8/15 網(wǎng)站運(yùn)營文案策劃從何做起？

2016/8/13 美工設(shè)計(jì)與seo對網(wǎng)站的重要性

2016/8/12 解決網(wǎng)站內(nèi)容不被收錄的四大方法

2016/8/11 支付寶更新了，社交模式正式啟動(dòng)？

2016/8/10 網(wǎng)站seo為什么要禁止購買外鏈？

2016/8/9 里約奧運(yùn)來了，借勢營銷如何放大招

2016/8/8 檢驗(yàn)網(wǎng)站文章頁面質(zhì)量的方法

2016/8/5 網(wǎng)站建設(shè)的兼容性體現(xiàn)在哪些方面？

2016/8/4 怎樣將網(wǎng)站建設(shè)程序與seo相結(jié)合?

2016/8/3 傳統(tǒng)醫(yī)療轉(zhuǎn)型互聯(lián)網(wǎng)面臨的四大難題

2016/8/2 淺談雅虎之死的致命點(diǎn)

2016/8/1 如何尋找seo高質(zhì)量外鏈平臺？

2016/7/30 8種虛化背景的網(wǎng)站建設(shè)效果賞析

2016/7/29 盤點(diǎn)Google搜索最奇葩的20個(gè)問題