css總結(1):z-index和vertical-align
阿新 • • 發佈：2018-12-14
1. z-index使用前提：
元素的position屬性為：relative，absolute，fixed三個中的一個時，才起作用。
2. vertical-align 使用：
(1)必須宣告HTML為HTML5。即在HTML檔案頭部新增 <!DOCTYPE html>
(2) vertical-align屬性和line-height有著密切的關係。
行內元素的對齊，需要一個參考系，這個參考系就是行框的基線（預設是行內元素基線與行框基線對齊vartical-align= baseline），而行框的基線依據於行內框元素的基線位置。即行框的基線的位置是其直接包裹的文字X（非元素包裹）的最底部的位置，並且文字的中心和包裹其的行框垂直中線始終重合；因此行高確定後，行框的基線位置也就確定了。每個行內元素的字型的大小和line-height都會影響自身框的大小和自身行內框基線的位置，從而可能
如果有圖片在行內的話，那麼圖片的底端會對齊文字的基線,如果圖片的大於所有行內元素，圖片預設會在行框基線的基礎上撐開行框。如果圖片的vertical-align=top，則圖片以行框頂部為基礎撐開行框。