不管你是用精簡的Notepad++還是龐大的Dreamweaver刻Html跟CSS,都不是挺方便的。
Markup Generator是最近推出的一個線上服務,你可以使用這個工具來結合習慣使用的網頁設計軟體。
舉個例來說,我們通常是手動輸入以下這些程式碼:
XHTML部分
<div id="wrapper">
<h1>標題</h1>
<div class="box">
<ul>
<li id="current"></li>
<li></li>
</ul>
</div>
</div>CSS部分
#wrapper{}
h1{}
.box{}
.box ul{}
.box li{}
#current{}
如果你使用這個Generator,你只需輸入:
(Note:請注意空格跟層級間的關連。)
#wrapper
h1
.box
ul
li
li#current
程式就會幫你跑HTML跟CSS碼出來,這樣就不用辛苦的刻一堆Html,或是讓WYSIWYG軟體自動生成一常串從頭到尾繼承屬性的CSS,去玩玩看吧!
