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



















