<哇，這個是什麼? ...怎麼又是吃的啊?>

(這個是CSS的大戲，Layout...)

<我只看到你很想吃東西...說吧，什麼是Layout。>

(Layout就是...台灣的用法是「版面配置」，CSS Layout 指的就是CSS版面配置...)

<Allen 我的英文，領先你約30年，所以...我知道Layout這個單字，但我需要的是...等等，我修正我的用字，但我要請你解釋，在網頁設計這個領域裡面，Layout 是做什麼用的?>

(這邊的CSS Layout指的是，設計網頁時，希望如何讓內容呈現，然後，透過CSS Layout來完成。)

<哦? 所以...那座山就是這樣來的?> Maggie手指著大概一個月前，Allen在IT民宿牆上畫的那座山。*請參考IT、民宿、旅人生_17

(差不多吧...沒辦法，我不會畫畫，只能用這種方法啊...)

<那我問你，你現在要設計一個網頁，你會怎麼做，會怎麼開始?>

(我...用畫的，先畫畫看...像之前做星空的網頁一樣，妳看這個，那個時候就是先畫想像中的樣子，應該是如何如何。)

Maggie反覆看了Allen的筆記本...

<你的意思是，我在做網頁前，要先想好網頁的樣子，然後再開始用HTML和CSS將網頁做出來?>

(是的!)

<那這跟你愛吃有什麼關係? 為什麼給我看那張都是吃東西的網頁?>

(那只是個範例，用了CSS Layout方面的屬性，要介紹給妳看，妳再看這張圖。)

(這個網頁裡面，我定義了一個DIV 叫做 lay-set，然後在DIV裡面，用了三個Figure，都稱為lay，來當做測試CSS的區塊。妳看看有什麼不了解的地方，列出來，我一次回答妳吧!)

Maggie看完之後，列下了她心中的疑惑...

<Allen 如何使用HTML跟CSS，我應該懂了，版面配置跟設計，這我們兩個人平常就在做了，不過不是設計網頁，但我了解你的意思，我比較好奇的是...我在看HTML的書籍時，裡面有講到DIV、Class、ID、Name、Span...這些是什麼啊? 我完全被搞胡塗了，你能跟我說嗎?>

(哦，這些哦...好，不過，我餓了，我先去吃東西，晚點告訴妳。)

<說真的，到底是你愛吃，還是我愛吃? 你要不要仔細想想這個問題?>

(待)

2014/10/07 SunAllen
現任：太陽數位文創(技術總監)_彩虹53_小鐵道民宿(管家)