TG的網頁設計自學網
姓名:TG
學號:4050C040
首頁
HTML課程
第一堂課
第二堂課
HTML作業
第一堂課
第二堂課
CSS課程
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
第八堂課
CSS作業
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
第八堂課
網站地圖
關於TG
TG自學網
>
首頁
>
CSS課程
>
第五堂課
第三堂課
第四堂課
第五堂課
5.1.1:方塊模型 - 初級理解
5.1.2:方塊模型 - 置中處理(水平對齊,margin)
5.1.3:方塊模型 - 圓角與陰影
5.1.4:方塊模型 - 使用圖檔作為框線來源
5.2.1:方塊對齊 - inline-block
5.2.2:方塊對齊 - 外部方塊整合排版
5.2.3:方塊對齊 - 內部靠上對齊 vertical-align
5.2.4:方塊對齊 - 內部靠上對齊 float
5.2.5:方塊對齊 - 外部框線補齊 overflow
5.3.1:位置探討 - 正常流向時,使用 margin 調整移動的位置
5.3.2:位置探討 - 承上,使用 z-index 搭配 position 來調整圖層
5.3.3:位置探討 - 一般排版,使用垂直朝上對齊的效果,分三欄位
5.3.4:位置探討 - 使用 position relative 來調整單一方塊移動的效果
5.3.5:位置探討 - 使用 position absolute 來調整全部方塊移動的效果
5.3.6:使用 position fixed 來增加一個類似按鈕方塊的功能
5.4.1:討論不同的 overflow 效果展示
5.4.2:圓形的大頭貼產生的方式
5.4.3:討論 visibility 搭配 hover 的效果
第六堂課
第七堂課
HTML 的相關資料