網頁文章內容排版工具:Type Nugget

每個新聞、博客等閱讀類網站都應該注意文章的內容排版,而且能讓用戶友好的閱讀,好比一些小說網站,會把內容文字變得比較大,高級一點還能夠讓用戶調整字號、背景。瀏覽器

今天設計達人網爲你們分享一個網頁文章內容排版工具 Type Nugget,有了它,設計師將能很方便設置文章段落、標題、行距、文字顏色、連接顏色、背景等功能,當設置好後,還能生成 CSS 樣式代碼,至關便捷,比起在 PS 或其它設計工具上調整會快不少。建議網頁設計師們收藏此工具。工具

工具名稱:Type Nugget
工具地址: http://www.typenugget.com/網站

下圖中,左邊爲文字演示(用戶能夠手動刪除和輸入新文字),右邊爲設置樣式,樣式有文字大小、頁面背景、H1-H六、Margin、line-height 值等等都可設置。設計

當設置完成後,點擊「GENERATE CODE」按鈕,而後會生成一個 CSS 文件連接,把連接粘貼到瀏覽器便可看到該樣式代碼。blog

生成CSS代碼連接,將該連接複製到瀏覽器打開就能夠看到代碼了,另外你還能夠點擊「download the CSS」連接來下載這個 CSS 樣式文件。get

目前該工具僅支持桌面預覽,但後繼還會推出平板、手機等平臺預覽方式。博客

更多詳細信息請關注http://it.lindukj.cn/archives/2163,這裏也就不過多說明!it

相關文章
相關標籤/搜索