喻嚅的 bootstrap 網頁
懷疑人生 願今夜革命成功 喔齁齁இдஇ
我的網站
Home
Bootstrap
HTML
第 01 堂課
第 02 堂課
HTML作業
第 01 堂作業
第 02 堂作業
CSS
第 03 堂課
第 04 堂課
第 05 堂課
第 06 堂課
第 07 堂課
第 08 堂課
第 09 堂課
CSS作業
第 03 堂作業
第 04 堂作業
第 05 堂作業
第 06 堂作業
第 07 堂作業
第 08 堂作業
網站地圖
關於我
CSS
第五堂課
5.1.A: 使用方塊的留白與相關框線利用
5.1.B: 區塊標記的左右對齊方式: margin-right: auto
5.1.C: 方塊加上圓角以及陰影方式
5.1.D: 使用自製框線: border-images-source 的使用
5.2.A: 利用 display:inline-block 讓區塊標記在水平線上面對齊
5.2.B: 在小方塊外面加上一個大方塊來進行版面配置
5.2.C: 利用 vertical-align 讓元素對齊水平線上方
5.2.D: 利用 float 讓子元素漂浮在父元素上方
5.2.E: 父元素加上 overflow 來解決子元素 float 後的排版問題
5.3.A: 利用 margin 來讓方塊重疊的方式
5.3.B: 透過 z-index 指定圖層的上下順序
5.3.C: 透過 vertical-align 以及外層排版,定義三欄排版版型
5.3.D: 使用 position 為 relative 修改子元素的相對位置
5.3.E: 使用 position 為 absolute 修改子元素的絕對位置
5.3.F: 使用 position 為 fixed 增加固定在瀏覽器上面的元件
5.4.A: 進一步了解 overflow 的屬性值意義
5.4.B: 圓形大頭照的處理方案
5.4.C: 透過 visibility 隱藏答案
CSS 的相關資料
右側面板
信玉惠者得永生