CSS小知識點

2021-10-10 04:41:35 字數 613 閱讀 9304

id選擇器:100

類選擇器:10

元素選擇器:1

.content div : 10+1

.data : 10

.content .data : 10+10

-選擇器是有優先順序的,可以通過權重來計算其優先順序

background-color屬性用於為元素設定背景色,該屬

性接受任何合法的顏色值

body
body
body

說明%x %y

第乙個值是水平位置,第二個值是垂直位置表示沿著x軸(水平)和y軸(垂直)的百分比左上角是0% 0%,右下角是100%100%

x y第乙個值是水平位置,第二個值是垂直位置表示沿著x軸(水平)和y軸(垂直)的絕對長度左上角是00

left

在頁面或者包含元素的左邊顯示

center

在頁面或者包含元素的中間顯示

right

在頁面或者包含元素的右邊顯示

top在頁面或者包含元素的頂部顯示

bottom

在頁面或者包含元素的底部顯示

css小知識點

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

css小知識點

1,z index 該屬性設定乙個定位元素沿 z 軸的位置,z 軸定義為垂直延伸到顯示區的軸。如果為正數,則離使用者更近,為負數則表示離使用者更遠。z index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。元素可擁有負的 z index 屬性值。z index...

css 小知識點

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