<早安啊! 你那十萬遍聽完了沒?>

(差不多聽完了，還有十幾個小時...)

<你都沒睡覺哦? 那繼續吧，什麼是CSS，Learn CSS 裡面說的有點抽像耶，你能解釋一下，CSS 是要幹嘛用的嗎?>

Allen 打開了筆電，開啟了Notepad...很快速的，在Notepad裡，打了好幾行字，接著問Maggie (這是Notepad裡的文字，妳有辦法在Notepad裡面，將這段文字，變成每一段的字首加粗、字型用藍色，其它的要斜體，黑色，有辦法嗎? )

<你是不是覺得，我電腦知識不如你啊!? Notepad 那來這些功能?>

Allen 點了點頭，接著開啟Word...將Noatepad裡面的文字，貼到Word裡，並再再問一次(妳有辦法在Word裡面，把字變成藍色，首字放大，並且都是斜體嗎?)

<...當然可以啊，Word耶...這是很基本的功能，不是嗎?>

(好的，那同樣的文字，妳放到網頁裡面，每一段的字首加粗、字型要用藍色，其它的要斜體，要黑色...妳會怎麼做?)

這問題，讓Maggie想了一下...<你的意思是，我可以在HTML檔案裡面加上CSS，然後幫HTML做排版跟版面設計的意思? 就像我們在用Word那樣? 只是因為HTML是純文字檔，所以要另外用打的去做編排，而不是用滑鼠點一點這樣?>

(妳以前，為什麼不是做資訊啊? 聽妳講話都讓我覺得...妳以前真的不是做資訊產業嗎? 那再請問妳，CSS 在使用時，有那三種類型?)

<應該是...Inline, Embedded和 External 對不對? 影片有教這三種。>

(Yes! 恭喜妳!)

Maggie 突然感覺不對...<你該不會叫我...>

(是的，簡單一點就好，剛剛在Notepad裡的那段文字，轉移到您的HTML檔案裡，然後...字的大小要12、全部粗體、全部藍色。記得哦...要使用三種不同的類型哦! 那我先去吃早餐了，請慢慢用...)

<我開始有點不想讓他教我這些了...真的很討厭...喂，Allen，我怎麼寫都可以哦? >

(是啊，妳怎麼寫都可以，只要結果是字型大小12，粗體跟藍色就行囉。)

Maggie 開啟了Notepad，開始打網頁了...打到第十行的時候，她覺得好像那裡怪怪的...

沒有經驗的她...只是覺得怪，但說不出那裡怪...再接著打第二種類型，Embedded...她把CSS Embed語法打完後，再回頭去看了一次剛剛的CSS Inline...<算了，待會再問Allen好了，還有一個。>

三種類型全部完成後，<Allen 來幫我把檔案上傳到網站，我想看一下結果，另外...你可不可以順便教我，怎麼用你的那套編輯網頁軟體啊，我每次都有Noatepad，整個都很不順耶。>

(先來看看三種的結果吧!)

(第一種和另外兩種的結果，好像怪怪的哦...我看一下妳的原始碼哦。)

(從結果來說，這樣寫也沒什麼不好，不過也可以換另一種寫法，妳要不要想想看?)

<想哦...我可不可以想你就好...不要想這些網頁碼啊?>

(當然可以啊! 可是...想我不會變成妳的第三專長...妳不是想要培養自己的第三專長啊?)

<那想你會變成什麼?>

(想我哦...想到最後可能會...妳去聽聽黃舒駿的戀愛症候群吧! 聽了妳就知道了)

<噗! 你相信首歌的詞哦?>

(我...我遇到妳後，就變成那首歌在台東的代言人啦...快想一想妳的CSS，是CSS，不是CS! OK?)

(待)

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