˄

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

初學網頁編輯,除了功能外、美工外,還有排版用到的 CSS,樣樣都不是省心的事情,如果可以靠一些輔助工具來協助,絕對可以事半功倍,Type Anything 是一個可以用視覺化的方式來調整 H1、H2、H3 及 paragraph 等 HTML 元素的 Font family、Font Size、Font weight、Line height、Opacity、Margin top、Margin bottom、Letter spacing、Word spacing 及 Capitalization 等屬性的免費網站服務,每次的調整都會即時反映到樣板文字上,讓使用者檢視,完成調整後,就可以產生 CSS 排版語法,讓使用者複製到要應用的網頁,相當方便。

 Type Anything 網站資訊

網站語言:英文

網站網址: 按我前往 Type Anything

如何使用 Type Anything?

1.使用瀏覽器進入 Type Anything 網站,左側欄是 HTML 元素及其屬性集合;右側則是樣板,樣板共分三段,分別由 H1、H2 及 H3 元素控制,它們的內文則由 Paragraph 控制。 
Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

2.選擇要調整的 HTML 元素,便可以透國其下的屬性的按鈕進行調整。每次的調整都會即時反映到樣板欄內的相對應區塊內。
Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

3.完成調整就可以按右上角的[ Get the code ] 來取得 CSS 語法。
Type Anything 視覺化調整網頁文字字體、間距、大小...的 CSS 語法產生器

目前有0則留言
分享您的留言
顯示名稱:

電子郵件:

(不會公佈)

連結網址:

(請輸入完整網址含 https://)

留言內容:

 訂閱本站文章