SCSS list 與 for 迴圈

SCSS list 有點類似於一般語言的陣列。
陣列有點像是櫃子，我們把東西一個一個存進去。例如：

$list: 12px, 14px, 16px, 18px;

實作上陣列常會搭配迴圈，在 SCSS 中也提供了我們這項功能。

SCSS 運算

SCSS 讓我們在撰寫 CSS 的時候，可以運用基本的運算。
其中我們多少會碰到一些單位、轉換的問題，以下帶大家了解它背後運算的邏輯。

SCSS 變數

像 SCSS、LESS 這種 CSS 預處理器，都具備變數這個特點。
變數存取一些有意義的數值，幫助我們更方便的建構或維護代碼。

掛蚊帳的回憶

這幾天跟一個以前很喜歡的女生聊了一下 Line，突然想起當兵的時候，如果要打電話，必須要等寢室裡所有的蚊帳掛好之後才行。

所以為了睡前可以打 3 分鐘的電話給她，我每天一洗完澡，就急急忙忙的把所有弟兄的蚊帳通通掛好，然後興匆匆的趕緊打電話給她。

現在想想雖然很辛苦，但也許是這樣，所以這份回憶才顯得特別吧！

SCSS 巢狀選擇器

SCSS 的巢狀標籤，能幫助我們建構出更簡潔、直觀的代碼，讓我們看一些相關的範例：

HTML常用標籤（二）

提到HTML，其中最讓人熟悉的應該是它的表格(table)吧。

表格的概念其實相當簡單 - 其實跟word中的表格完全一樣。在CSS尚未完善之前，不少的網頁排版其實是依靠表格完成。

HTML常用標籤（一）

既然我們一腳踏入了HTML的世界，那麼首先我們先來熟悉幾個常用的標籤吧！請看下面的範例：

HTML文件編輯的第一步

俗話說經驗就是最好的老師，要學會如何編輯HTML，最好的方法就是打開你的編輯器(你可以使用Windwos的記事本)，跟我一起編輯HTML吧！

HTML的基本 - 標籤

HTML文件，是由許許多多的標籤組合而成，標籤又分成兩種：成對標籤與不成對(單獨)標籤。理解這些小玩意是你成功破解外星語言般的HTML的第一步。

網頁基礎：HTML? CSS? javascript?

從設計系畢業的我很清楚，大部分的人對於網頁的認知僅停留在Dreamweaver、Frontpage 之類的網頁製作軟體產生的檔案。而當面試官一問：「你會CSS嗎？」時，你卻只能丈二金剛摸不著頭緒的抓抓頭：『痾...我會Dreamweaver( Frontpage)』，接著苦笑。

到底什麼是HTML，什麼是CSS與javascript ？就讓小弟在此概略介紹一下吧！

這一年，屬於我的新兵日記。〈馬祖之五〉

馬防部有一個泯滅天良的恐怖規定：『 到馬新兵60日內不得返台(確切幾天我也忘了，就寫60吧！反正誰在乎？)』。

所以到馬新兵十個有九個會倒數那60天的漫漫長日，而剩下那個一定是馬祖人。

原本我也在數，什麼時候會回到可愛的台灣，思考這種問題可是會讓人精神崩潰的...原因是返台假有固定的天數，是依你在島上的天數計算的...

“白話文就是：你越早回去，放越久，將來就越不爽。”

此時我終於明白為什麼女孩一下說要，一下又不要；心裡覺得不好，但又有會點想...喂！想哪去了，stop！

不該被需要的博愛座

不知道多少次了。總是在公車上，看著走道上的乘客抓著欄杆或把手，但那博愛座卻是空的。

 (轉自你好台灣網 張浩 攝)

前些日子有個新聞，大意是說兩個坐博愛座的青少年，堅持不肯讓座給老人家。後來這整件事被人拍成影片貼上網。青少年被網友人肉搜索出來，社交網站和部落格慘遭洗板，只好在網路上發表公開道歉聲明，最後還免不了被新聞媒體拿來大書特書。

這一年，屬於我的新兵日記。〈馬祖之四〉

「你跟以前一個叫許修懷的學長找得好像喔！」、「天吶，修懷哥！你回來啦！」一寢的學長老是這樣跟我說。
「幹！你長得真的很像一個我很討厭的人。」但也有些學長這樣說，順便瞪了我一眼。

一直到退伍之前，POA有時候還是會拿修懷哥的東西給我：「欸！這是你的。」

「噢！傲中，我真的好想拿修懷哥的照片給你看噢...」連國書也在連辦公室大嘆：「你們側面真的好像...」。
靠，這實在是太誇張了...我不知道許修懷是誰，只知道我無時無刻的聽到他的名字，修懷哥，你好屌！

我的未婚妻

「欸！我找妳找了很久欸！」我有點抱怨的說。

好吧！聽人說問別人的名字前，自己要先報上名來，才算是有禮貌。

為了展現我的誠意，我就先為妳寫首歌吧！

大學回憶

躺在床上有些睡不著，竟想起大學時發生的點點滴滴，才發現那時侯日日都在虛度，卻又很充實…
每一天上完課就想往外跑，回到宿舍就有像是家人一樣的室友在，那種感覺真的好令我懷念，但也回不了過去了。
原來珍惜每個當下也有壞處，因為當你想懊悔些什麼時，會發現原來什麽都剩下…
也許是我太貪心了吧！
我很想念那些和我一起煮晚餐的室友們。

不安定。

安定下來的靈魂，又逐漸騰升，在空氣中醞釀揮發的溫度。

“你知道嗎？第一份工作至少要做兩年，才可以夠了解職場的環境。”薔薔姊姊似乎這樣對我說過。
薔薔姊是我的表姊；舅舅的二女，自小就是我的小褓母，所以我總是會乖乖的聽薔薔姊姊的話。

“恩！我想...去出版社工作！”記得我是這麼說過的。薔薔姊姊不斷跟我分享工作上的經驗，也推薦我一些應徵的方法。這時的薔姊不僅有褓母的慈愛，似乎還多了一份長者的智慧。

最後，我在童書圖書業找到了我的第一個落腳處，同事很好相處，老闆很大方。
“這大概就是我這兩年揮灑光陰的地方了吧！”我想。

這一年，屬於我的新兵日記。〈馬祖之三〉

我抽到的連隊，聽說生活設施在馬祖地區算數一數二的好地方。

自從到了馬幹班之後，我才瞭解到，原來廢墟也可以住人；而且是一大群人。
那些狼心狗肺的班長們還不忘隨時提醒：「不要以為這邊環境很差，等你們下了部隊後就知道了，馬祖還有更多地方比幹訓班更廢墟哩！」噢，天吶！真夠悽慘的。不過當我們一起進入G連的大門時...頓時放下心中大石，至少這裡還像是個人居住的環境。

闖紅燈的日子。﹝七﹞

如果說筆試是前戲，那路考肯定就是高潮了；而好戲正要上場。

早上7點鐘，我騎著機車到了駕訓班。天氣還陰陰的，隨時都會下雨。這天駕訓場上的車子比平常要多了很多，我也注意到，每個人的表情都是不同於之前的放鬆，好像很認真的樣子。平時大家是打屁、聊天、看妹妹，“順便”來練練車罷了，到了今天才來認真的練習！哼，這些臨陣磨槍的傢伙，不...我絕對不會承認我也是其中一個的！

就這樣，我走到平時練習的12號車旁。正在練習的同學把車停了下來，好讓我上車。

闖紅燈的日子。﹝六﹞

駕訓班的課程大概分成兩類；分別是“術科”﹝開車﹞及“學科”﹝也就是看書、上課、寫考卷﹞這兩類。大約是結訓前兩週開始，每當我們練完車，教練總會提醒我們：「別忘了去上學科阿！」。

第一次，我們練完車正打算回家，小姐突然提醒我們去裡面的教室上學科...

「欸？要不要去聽看看學科阿？」雖然我不太想去，但還是問了一下祥瑋。

「不知道欸？」祥瑋也一副為難的樣子。

「恩...不然我們聽一下好了。」我比了比裡面，祥偉點了點頭。

闖紅燈的日子。﹝五﹞

仔細想一想，教練的工作也挺辛苦的。

「如果有機會，你願意當駕訓班教練嗎？」祥偉問我。這個問題讓我思考了很久，對於這麼輕鬆的工作，我最後的答案竟然是：「NO！」連我自己都意外。

那時正值九月，空氣裡還殘留著夏日的餘溫，卻同時能感受到一點秋的涼意。上午7點的駕訓場上沒什麼人，但教練都已經紛紛在辦公室就位了。早上的太陽很大，但溫度還是有點涼涼的，是一天當中最舒服的時候。可能是因為學員還沒來，很無聊的關係，教練們開始做一些無關上班內容的事來打發時間。