css小知識點

2021-09-27 11:40:54 字數 411 閱讀 8686

1,z-index

該屬性設定乙個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區的軸。如果為正數,則離使用者更近,為負數則表示離使用者更遠。

z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

元素可擁有負的 z-index 屬性值。

z-index 僅能在定位元素上奏效(例如 position:absolute/relative/fixed)

所有主流瀏覽器都支援 z-index 屬性。

注釋:任何的版本的 internet explorer (包括 ie8)都不支援屬性值 "inherit"。

2,在html 和xhtml中,塊級元素不能繼承自行內元素(即不能巢狀在行內元素中)。

但是在css中,對於顯示角色如何巢狀不存在任何限制。

css小知識點

1 選擇器查詢順序是自右向左的順序查詢 2 色值 六位,每兩位代表乙個顏色的飽和度,rgb分別代表紅綠藍,每一位是乙個十六進製制,如果每個的兩位都重複,那麼可以只寫乙個 3 行內元素不能設定寬高 塊級元素可以 行內塊級元素 4 只需設定乙個寬或者高,另乙個會自動改變 5 凡是inline和inlin...

CSS小知識點

id選擇器 100 類選擇器 10 元素選擇器 1 content div 10 1 data 10 content data 10 10 選擇器是有優先順序的,可以通過權重來計算其優先順序 background color屬性用於為元素設定背景色,該屬 性接受任何合法的顏色值 bodybodybo...

css 小知識點

1.width auto或者不設width 與 width 100 區別 width auto或者不設 子元素會預設撐滿父元素content區域,如果子元素有margin border padding的話,content區域會自動減去margin border padding,這樣子元素一定不會超出...