2014.02.27
分類:HTML/CSS

用 data-* 屬性做出純 CSS 的 tooltip

最近因為案子需求,要做「tooltip」的功能,簡單來說,tooltip 是一種「當滑鼠移過文字時,會跳出一個...
2013.08.27
分類:HTML/CSS

使用 CSS nth-child 必須要注意的事情

之前有寫過一篇 利用 :nth-child() 讓網頁展示商品時左右對齊 的文章,裏面有稍微提到 :nth-c...
2013.04.01
分類:HTML/CSS

讓 float 的 div 高度相同

今天同事問我要怎麼讓 float 的 DIV 可以有相同高度? 亦即,即使左邊的 DIV 文字行數比較少,也會...
2012.11.22
分類:未分類

CSS Media Queries 介紹與基礎應用

「Responsive Web Design」這個觀念與技術已經發展一段時間了,但這一年幾乎荒廢了我的 Htm...
2010.09.01
分類:HTML/CSS

深入 CSS 之 line-height 應用

前幾天改版後,發現留言的版面,頭像上面的樓層顯示出了點問題,在 IE6、IE7 底下看,會發現文字被截掉(如下...
2010.02.05
分類:HTML/CSS

我的 reset.css 是這麼寫的

有朋友問我,要怎麼製作 reset.css? 我才想到原來我一直沒有釋出 reset.css 的檔案給大家,所以我決定把自己在用的 reset.css...
2009.09.13
分類:HTML/CSS

常見的 CSS + DIV 問題整理

這次想跟大家分享的主題是常見的 CSS+DIV 的問題,這些是我自己曾經碰過,或是工作上、朋友會問我的問題,我想也許許多 CSS...
2009.02.16
分類:HTML/CSS

輕鬆上手CSS(III) – 基本語法傳授!!

這次要跟大家談論的主題,是修改以及創造的抉擇。在 css 的世界裡,你希望當個看得懂 css...
2009.02.09
分類:HTML/CSS

CSS 選擇器概略說明

其實 css 選擇器的範圍是很廣泛的, id. class 這種屬性只佔了其中一小部分,為了怕大家以為 css 裡頭只有 id, class 的存在,所以我特地將 css 2.1...
Copyright (C) MUKI space* / Reborn Theme All Rights Reserved.