網頁開發工具

CSS 是可以用來控制網頁排版的一種語法，多數的網頁開發工具，均有內建的 CSS 編排功能來協助排版，即便是沒有，也可以利用記事本寫出。想要讓自己寫出的 CSS 語法更容易閱讀，在傳輸的過程中檔案能更小，以便加快網頁的呈現速度時，可以來利用 CleanCss 網站所提供的 CSS Formatter and Optimiser 這個可將 CSS 語法格式化與最佳化的線上工具，只需將寫好的 CSS 語法複製並貼上，便能取得經過格式化與最佳化的 CSS語法。

CSS Scanner 是一款極具便利性和直觀性的瀏覽器擴充功能，它能夠直接顯示出網頁上任何 HTML 元素所套用的 CSS 語法，操作上，只需在網頁上滑動滑鼠游標到任意 HTML 元素上，CSS Scanner 就會立即顯示出該 HTML 元素所使用的 CSS 語法及其相關屬性，並讓使用者能夠輕鬆地複製該語法，以供後續使用。

網路上有很多免費的網頁模板可供下載，套用的方式也不複雜，但如要修改其中的版型結構，可能就有點門檻，而我們比較常見的網頁布局有表頭、內容可能區分三、二及單欄式再加上表尾，但不論利用何種版型，如要套用模板，就需要找到相類似的模板，不然就是自己改，太麻煩了。Grid-Generator 這個網站可以讓我們用所見及所得的方式，視覺化的操作網站結構分割、合併、增加、減少、調整區塊大小等，到最後產生該網頁版型的 CSS 樣式表，讓你不論用何種的網頁開發工具，都能輕鬆靈活的套用該 CSS，加快生產力。