css3學習筆記(一)

2021-07-08 15:40:38 字數 945 閱讀 1568

e f 包含選擇器  包括孫子輩的

e>f 子選擇器   不包括孫子輩的

e+f 相鄰選擇器

e~f 兄弟選擇器

選中e出現的後面的兄弟

中國十大傑出人物

①別人家的孩子

②別人家的爸爸

③別人家的媽媽

④別人家的老公

⑤別人家的老婆

⑥別人家的公公

⑦別人家的婆婆

⑧別人家的公司

⑨別人家的領到

⑩別人家的員工

偽類選擇器

e:link  

e:visited

e:hover

e:active

e:focus

e:first

e:last

e:nth-child(){}

li:nth-child(2){}:找到li父親的第二個元素,並且第二個元素必須是li,否則無效

li:nth-child(odd)  {} odd奇數    even偶數

li:nth-child(3n+1){}  自定義序列 (n從0自增1)

e:nth-last-child(){}  倒敘方式

e:only-only-child 父元素的唯一子元素,獨生子

e:first-of-type{} 先過濾掉不符合e的元素,再排序

e:last-of-type{}

e:nth-of-type(){}

e:only-of-type(){}如果不是獨生子就不會選中了

屬性選擇器

e[att]   如果有

e[att='val']

e[att~='val']  

e[att|='val'] 

偽物件選擇器

e:first-letter

e:first-line

e:before

e:after

CSS3學習筆記(一)

css 1 邊框 1.1邊框的樣式 border width style color 1.2邊框四個角的半徑 border top left radius top px left px border top right radius border bottom left radius border ...

css3學習筆記

1.為什麼分許多模組進行管理?為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一,class屬性本身沒有語義,褚翠是用來為css樣式服務的,屬於多餘屬性。第二,使用屬性的話,並沒有把樣式與元素繫結起來,針對同乙個class屬性文字框,下拉框,按鈕都可使用。這樣很...

CSS3學習筆記

一.選擇符 二.屬性 溢位隱藏 div4 p文字陰影 text shadow 2px 1px rgba 255,255,255,1 圓角效果 border radius邊框陰影 box shadow 2px 2px 5px 5px inset 內陰影透明度 div for ie8 and earli...