我的淘貨之家[url]
執行**框
一、例項實現功能介紹
本例項為乙個欄目鏈結列表，滑鼠移動到鏈結所在行，鏈結文字顏色會改變，同時會在鏈結右下側顯示乙個與鏈結相干的資訊面板，資訊面板中左邊有一幅，右側又有三項說明，它們分別是「歌名」、「歌手」、「介紹」。這個欄目被重定位到其它地方，效果、位置不會發生改變，全程只用 css+div實現，無任何指令碼。
例項效果截圖
二、結構和樣式**
1．結構
2．樣式
*body
a:link
a:visited
a:hover
h3 ul
ul li
a a div
a:hover /*ie7以下版本a狀態偽類bug*/
a:hover div
a img
dl dl dd span
詳情
徹底弄懂CSS盒子模式
前言 如果你想嘗試一下不用 來排版網頁，而是用css來排版你的網頁，也就是常聽的用div來編排你的網頁結構，又或者說你想學習網頁標準設計，再或者說你的上司要你改變傳統的 排版方式，提高企業競爭力，那麼你一定要接觸到的乙個知識點就是css的盒子模式，這就是div排版的核心所在，傳統的 排版是通過大小不...
徹底弄懂CSS盒子模式之一
前言 如果你想嘗試一下不用 來排版網頁，而是用css來排版你的網頁，也就是常聽的用div來編排你的網頁結構，又或者說你想學習網頁標準設計，再或者說你的上司要你改變傳統的 排版方式，提高企業競爭力，那麼你一定要接觸到的乙個知識點就是css的盒子模式，這就是div排版的核心所在，傳統的 排版是通過大小不...
徹底弄懂CSS盒子模式之一
前言 如果你想嘗試一下不用 來排版網頁，而是用css來排版你的網頁，也就是常聽的用div來編排你的網頁結構，又或者說你想學習網頁標準設計，再或 者說你的上司要你改變傳統的 排版方式，提高企業競爭力，那麼你一定要接觸到的乙個知識點就是css的盒子模式，這就是div排版的核心所在，傳統的表 格排版是通過...