Y-H的Bootstrap
ㄟ嘿嘿嘿嘿~~
我的網站
回首頁
Bootstrap
HTML
第 01 堂
第 02 堂
HTML作業
第 01 堂作業
第 02 堂作業
css課程
第 03 堂
第 04 堂
第 05 堂
第 06 堂
第 07 堂
第 08 堂
第 09 堂
css作業
第 03 堂
第 04 堂
第 05 堂
第 06 堂
第 07 堂
第 08 堂
網站地圖
關於我
第 05 堂
5.1.A-使用方塊的留白與相關框線利用
5.1.B-區塊標記的左右對齊方式
5.1.C-方塊加上圓角以及陰影的方式
5.1.D-使用自製框線:bolder-image-source的使用
5.2.A-利用dispaly: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
右側面板
87阿姆~ 87阿貞~ 87TG~ 87JT~ 87麻麻~