記得以前讀復興商工的時候，有一門課程叫基礎造型。課程內容是透過尺規作圖的方式處理一些點、線、面的造型變化；像是先畫一條一公釐寬的線段，然後再畫兩公釐、三公釐、四公釐…依此類推，直線畫完改畫折線，折線畫完改曲線，或者是畫一個方形漸變到圓形、由大到小、由遠到近、由亮到暗、區分強弱，練習對一個造型的平塗、漸層、明濁等等。由於當時還未電腦化，所有的動作都要透過尺規、廣告顏料、平塗筆及鴨嘴筆一筆一畫完成，最後學期末就是要透過這些基本造型繪製一幅表板尺寸的圖像。由於這門課程的李美惠老師非常嚴格，繳交的作業如果未達李老師的標準，常常會當面撕毀，加上學長姐的種種傳說，所以對這門課的印象非常深刻。當時年幼，大多數的時間裡都無法體會這門課的趣味及重要性，只覺得平塗一個造型實在非常枯燥乏味，遠比不上可以大筆揮毫的水彩、油畫來的痛快有趣，同學們也多半苦不堪言。
要將表格中的某一行 Highlight 起來很容易，你只要 tr:hover{background:yellow;} 就可以完成。但，如果你想同時 Highlight 行及列的時候，麻煩就會出現，因為在現有的 HTML & CSS 中，沒有針對「列」的設定。關於這個問題 MATT WALTON 提出一個解決的方式。
如何同時 Hightline 表格中的行及列 Read More »
大多數的 HTML 標籤都包含相對多組的屬性，例如常見的連結 a 標籤可以加 href、style、target、title 等屬性，而 CSS 屬性選擇器可以讓 CSS 依屬性的差異給予該標籤不同的設定，這樣做一來可以減少 class 或 id 的使用，讓 HTML 更加精簡好閱讀，二來可以增加維護的便利性，三來可以更便利的控制網頁上的每個元素，好處不少。
有時客戶會希望在網頁中插入一段 Youtube 影片讓畫面更活潑點，如果是一般的網頁，你只需要直接將 Youtube 的給你的 Code 嵌在網頁裡即可。但如果你正在做 RWD 的網頁，你會發現直接使用 Youtube 給你的 Code 版面會無法隨視窗大小進行縮放，這是因為 Youtube 給你的 Code 使用的單位都是 px 的絕對單位，加上影片有長寬比的問題。常見的有 4:3 及 16:9，使用錯誤的比例會造成變形。如果你將絕對單位改成百分比。比如將影片寬設成 100%，高度設成 auto。這個想法沒有錯，但實作後你會發現影片的高度不會隨寬度自動等比例縮放，造成長、寬比例錯誤而導致影片變形，因此我們需要一點小技巧，讓影片可以配合響應式網頁的縮放需要。
