z-index是針對網頁顯示中的乙個特殊屬性。因為顯示器是顯示的圖案是乙個二維平面，擁有x軸和y軸來表示位置屬性。為了表示三維立體的概念如顯示元素的上下層的疊加順序引入了z-index屬性來表示z軸的區別。表示乙個元素在疊加順序上的上下立體關係。
由此圖可以顯而易見的，z-index越大越靠前，z-index小的靠後。z-index值較大的元素將疊加在z-index值較小的元素之上。對於未指定此屬性的定位物件，z-index 值為正數的物件會在其之上，而 z-index 值為負數的物件在其之下。
注：z-index屬性適用於定位元素（position屬性值為 relative 或 absolute 或 fixed的物件），用來確定定位元素在垂直於顯示屏方向（稱為z軸）上的層疊順序（stack order）。
前端學習筆記之Z index詳解
css為盒模型的布局提供了三種不同的定位方案 其中最後一種定位方案將乙個元素從常規流中移除，完全依賴開發者來確定元素顯示的位置。通過賦予top,left,bottom 和 right 屬性值，可以在二維平面上放置元素，此外css也允許使用z index屬性以在第三維上放置元素。表面上，z index...
CSS學習筆記之rem學習
px是乙個絕對單位,不管螢幕怎麼變化,大小固定 rem是乙個相對單位,相對於html的font size大小設定的 根據螢幕大小設定html的fontsize 一般設計稿預設的html的fontsize是100px,因為比較好計算 fontsize最小值是12px,所以不能是10px 寫css樣式的...
css學習筆記之浮動清除
說到浮動，不得不說一下bfc block formatting context 翻譯為 塊級格式化上下文 關於bfc的原理，我參考了此篇文章，bfc參考資料 大家有需要可以去看看。清除浮動 子層 底部 這種方法雖直接讓底部的div擠到下方，並沒有真正的清除浮動，但可以達到清除浮動的效果。清除浮動 子...