義翔的網頁設計自學網
姓名:王義翔
學號:4110C009
回首頁
HTML 標記
第一堂課
第二堂課
HTML 作業
CSS 標記
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
第八堂課
CSS 作業
網站地圖
關於作者
鳥哥自學網
>
第四課
第六課
5.1.A: 第一個方塊樣式的練習
5.1.B: 第一個方塊樣式的練習-方塊水平置中
5.1.C: 第一個方塊樣式的練習-框線圓弧+陰影效果
5.1.D: 第一個方塊樣式的練習-使用自製框線取代原有框線
5.2.A: 方塊位置的變化學習
5.2.B: 方塊位置的變化學習-圖片填滿效果+不太跑版+針對桌機
5.2.C: 方塊位置的變化學習-方塊垂直對齊
5.2.D: 方塊位置的變化學習-浮動在父元素上(float)
5.3.A: 位置(position)的功能-margin的使用
5.3.B: 位置(position)的功能-z-index的使用(圖層)
5.3.C: 位置(position)的功能-inline-block對齊
5.3.D: 位置(position)的功能-增加 top/right/bottom/left
5.3.E: 位置(position)的功能-absolute絕對位置的使用
5.3.F: 位置(position)的功能-fixed 固定在瀏覽器上面的位置
5.4.A: 父子元素的位置編排-overflow的不同效果
5.4.B: 父子元素的位置編排-圓形大頭貼
5.4.C: 父子元素的位置編排-分析 display 與 visibility 的差異
CSS 第四課