fbpx

CSS線上編輯工具《CSSdesk》可編輯CSS並即時預覽

很久以前在製作網頁,不知道什麼叫做css,只知道HTML,後來CSS的定義讓網頁的語法變的簡化,也不會一整個頁面很攏長,不過很多人在學習css的第一部就常遇到一些問題,阿湯今天看到一個很簡易的CSS線上編輯工具《CSSdesk》,介面上只有區塊、css及HTML畫面預覽,這對剛入門在使用CSS的朋友來說,可以稍微練習各個語法有什麼效果或是如何使用,比對一下CSS語法的教學網站再配合這編輯器邊實作,很快就就能掌握CSS的一些基本用法了。

CSSdesk小檔案:

網站位址:http://cssdesk.com/

CSSdesk介紹:

這網站其實很簡單,對原本就懂css的朋友來說,一看就明瞭,但如果你原本是不懂網站的朋友也沒關係,這對學習css也有一定的幫助,雖然沒有內建什麼語法讓你選,不過這樣的架構也讓你學習css是利用html的區塊再去定義css,是最基本的概念。

01

而且每輸入完一行右邊都會很即時的顯示,有興趣的朋友,可以邊比照css教學網站邊實作,當然你不一定要從Hello World開始….最後完成的內容,也可以點擊右上角的Download下載。

02

你可能對這些內容也有興趣

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

1 個留言

  1. Avatar Niall表示:

    您好,請問我想用同一套CSS架構,測試不同的屬性值(如顏色、背景圖),希望可以存檔輸出比較不同的顯示效果,並且希望CSS主體仍然可以繼續編輯或添加新的id/class後再次輸出不同效果的CSS檔而不需要重新來過,不知道您不知道是否有這樣的工具呢?

    阿湯 說:

    好像沒有,但你可以用 html+js 自己寫一個

發表留言 »

姓名(*)
信箱(*)