分享一款網(wǎng)頁文章排版實用工具
網(wǎng)站上線之后,在后臺更新內(nèi)容是每個站長必不可少的工作,通過更新內(nèi)容讓用戶看到更多有價值的信息,同時提升網(wǎng)站價值。然而,網(wǎng)站的每一篇文章內(nèi)容在編輯的時候都應(yīng)該注意其內(nèi)容排版,才能讓用戶友好的閱讀,比如一些小說網(wǎng)站,會把內(nèi)容文字變得比較大,高級一點還可以讓用戶調(diào)整字號、背景。
今天為大家分享一個網(wǎng)頁文章內(nèi)容排版工具Type Nugget,雖然它是英文版的,但可以使用百度翻譯工具將它翻譯之后使用,有了它,設(shè)計師將能很方便設(shè)置文章段落、標(biāo)題、行距、文字顏色、鏈接顏色、背景等功能,當(dāng)設(shè)置好后,還能生成 CSS 樣式代碼,相當(dāng)便捷,比起在 PS 或其它設(shè)計工具上調(diào)整會快很多。建議網(wǎng)頁設(shè)計師們收藏此工具。
工具名稱:Type Nugget
工具地址: http://www.typenugget.com/
下圖中,左邊為文字演示(用戶可以手動刪除和輸入新文字),右邊為設(shè)置樣式,樣式有文字大小、頁面背景、H1-H6、Margin、line-height 值等等均可設(shè)置。
當(dāng)設(shè)置完成后,點擊「GENERATE CODE」按鈕,然后會生成一個 CSS 文件鏈接,把鏈接粘貼到瀏覽器即可看到該樣式代碼。
生成CSS代碼鏈接,將該鏈接復(fù)制到瀏覽器打開就可以看到代碼了,另外你還可以點擊「download the CSS」鏈接來下載這個 CSS 樣式文件。
目前該工具僅支持桌面預(yù)覽,但后繼還會推出平板、手機等平臺預(yù)覽方式。
本文由奇億網(wǎng)站建設(shè)原創(chuàng),原文地址:http://www.studstu.com/news/1602.html,轉(zhuǎn)摘請保留版權(quán),謝謝。