如何同時 Hightline 表格中的行及列
要將表格中的某一行 Highlight 起來很容易,你只要 tr:hover{background:yellow;} 就可以完成。但,如果你想同時 Highlight 行及列的時候,麻煩就會出現,因為在現有的 HTML & CSS 中,沒有針對「列」的設定。關於這個問題 MATT WALTON 提出一個解決的方式。
如何同時 Hightline 表格中的行及列 Read More »
要將表格中的某一行 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。這個想法沒有錯,但實作後你會發現影片的高度不會隨寬度自動等比例縮放,造成長、寬比例錯誤而導致影片變形,因此我們需要一點小技巧,讓影片可以配合響應式網頁的縮放需要。
畢業兩個多月了~也慢慢習慣上班的作息~雖然有點無聊~平常除了去茶水間或廁所之外,幾乎是一到辦公室就整天坐在電腦桌前,與學校多變化的的生活節奏,差異頗大。這幾天騎往敦化南路的路上,學生突然多了起來,才突然想到,九月初因該是各個學校開學的日子。本來這個很熟悉的時間,突然變的陌生,還有點不太能適應...
中午的時候潘把全班都留下來開班會,討論畢籌的事情,現在已經大三,有關畢籌的事需要提早準備,才不會在大四的時候,所有事情都擠在一塊,像是畢業展場尋找的問題,海報的設計,畢籌的企劃內容要先定案或是畢旅要去那裡什麼的…