YU WEN 的 bootstrap網頁
要注意的只有 data-spy="affix" 這個項目設定,以及導覽列需要預留的空間。 以目前這個範本為例,大概需要預留 70 像素吧!bootstrap預設的也是這個高度大小!
YU WEN的網頁
HOME
Bootstrap
HTML
第 01 堂
第 02 堂
HTML作業
第 01 堂
第 02 堂
CSS
第 03 堂
第 04 堂
第 05 堂
第 06 堂
第 07 堂
第 08 堂
CSS作業
第 03 堂
第 04 堂
第 05 堂
第 06 堂
第 07 堂
第 08 堂
網站地圖
關於我
css 課程: class05
5.1.A:使用方塊的留白與相關框限利用
5.1.B:區塊標記的左右對齊方式:margin-right:auto
5.1.C:方塊加上圓角以及陰影方式
5.1.D:使用自製框限:border-image-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:使用postion為relative修改子元素的相對位置
5.3.E:使用postion為absolute修改子元素的絕對位置
5.3.F:使用postion為fixed增加固定在瀏覽器上面的元件
5.4.A:進一步了解overflow的屬性值意義
5.4.B:圓形大頭貼的處理方案
5.4.C:透過visibility隱藏答案
我的首頁
右邊面板
救命R~