[SASS note.] CSS 逆向工程 part 2

有了一點概念之後,接下來看的地方是嵌套(Nested)的部份。為什麼不講一些比較特殊的地方?因為那些不過就是一些花招而已(無誤),樣式的基本撰寫才是核心所在。而嵌套的作法由於會影響到 CSS 的樣式權重的關係,所以必須要特別留意撰寫的方式。 首先我們知道,可以用兩種方式來嵌套樣式: * @import 可以從外部引入 sass 檔案,也可以做樣式內部嵌套(Nexted @import) * @extend 直接引用已設定的樣式規則。 照慣例,範例先上,菜待會再說。 我們這邊需要兩個檔案,一個叫做 _import.sass,另一個叫做 _extend.sass,

[SASS note.] CSS 逆向工程 part 1

工欲善其事,必先利其器!如果你對 CSS 的基礎還不甚了解,請先把基礎打好再來(認真(無誤)。關於什麼叫做 SASS 的,請上網 Google 或是參考我之前 寫的文章 [https://blog.hinablue.me/entry/css-note-sass-strike-say-a-sexy-styling-strike],或是參考我的 投影片 [http://sass.hinablue.me](請用 Chrome 開啟)。 首先,對於已經開發的 CSS

[非關影像] 一些枝微末節的細膩

我好像每過一段時間都會來回顧一下。這次當然就是因為 40D 一去不復返的關係(送修測試中,目前還不知道到底是哪裡出問題)。然後,送走數位機身之後,回過頭來才發現我的底片好像也不少(扣掉冰箱的還有 2x 卷吧,其實也不多,其實)。然後 LC-A+,Diana F+,TLR 135 玩具相機,然後其實冰箱裡面有 Canon PowerShot G1 這台老大哥,然後 EOS 3 這樣。 也沒有很多,其實。 我還想去收

[哀悼] 我的 40D 一拆不復返了

我本來只是想修我的快門按鈕(其實我也真的把他清乾淨了),但是,裝回去之後... 40D 完全不過電了! 天啊! 我上輩子一定燒了什麼好香!天公伯怎麼可以這樣對我! 有圖有真相!首先是眼罩部份的三顆! 接下來是尾巴兩顆! 蒙皮部位一顆! 背板移除!注意紅框排線處,左邊的排線是卡榫,把卡榫稍微往上摳,排線就可移除。 右邊排線是這種插座,用鑷子把他稍微拉開就可以了。 這是上面那個排線的插座。 左邊蒙皮三顆(底下那顆漏掉沒拍到) 正面共 10 顆! 移除上蓋,請把右下角的兩條線用鑷子移除,千萬不要碰到兩極!會噴火花喔(因為後方是兩組內閃用的電容,一顆是 16V,

[影像] 寶藏巖散步

第二次去這個地方,特別帶林小美來。上次問過了,可以帶寵物來這邊,不過,如果你家的狗狗會狂吠的話,我還是不建議你帶來這裡就是了。 [http://www.flickr.com/photos/hinablue/6020617579/] [http://www.flickr.com/photos/hinablue/6020618705/] [http://www.flickr.com/photos/hinablue/6020620423/] 店狗! [http://www.flickr.com/