重點知識 CSS3

2021-10-18 06:39:13 字數 1612 閱讀 3376

三種基本選擇器包括:id選擇器、類選擇器、元素選擇器

id選擇器用於選擇具有指定id屬性的元素

類選擇器用於選擇具有指定class類名的元素

元素選擇器用於選擇指定型別的元素

id選擇器》類選擇器》元素選擇器

盒子模型的結構:content(顯示內容)、border(邊框)、padding(內邊距:內容與邊框的距離)、margin(外間距:外邊框與其他相鄰元素的距離)

元素顯示方式有:none、block、inline-block、flex、inline-flex

具有盒子模型功能的顯示方式有:block、inline-block、flex、inline-flex

5.1 關係選擇器:

這類選擇器主要用於選擇與自己存在關係的選擇器

子選擇器:選擇屬於自己內部指定選擇器的元素且只能是內部一級

相鄰選擇器:選擇同級緊靠自己後面的乙個指定選擇器的元素

兄弟選擇器:選擇自己後面同級指定選擇器所有元素

5.2 屬性選擇器:

這類選擇器主要通過元素上的屬性進行二次篩選

e[attr=val]:選擇指定選擇器且具有某個屬性且該屬性的值為指定值的元素

e[attr*=val]:選擇指定選擇器且具有某個屬性且該屬性的包含指定值的元素

e[attr^=val]:選擇指定選擇器且具有某個屬性且該屬性的以指定值開頭的元素

e[attr$=val]:選擇指定選擇器且具有某個屬性且該屬性的以指定值結尾的元素

5.3 偽類選擇器:

這類選擇器主要是在已選擇好的情況下,進行再次篩選

選擇器:last-child:選擇指定選擇器內部的最後乙個子元素

選擇器:first-of-type:選擇指定選擇器內部的指定選擇器的第乙個子元素

選擇器:last-of-type:選擇指定選擇器內部的指定選擇器的最後個子元素

選擇器:nth-child(n):選擇指定選擇器內部的指定位置的子元素,n的值從1開始

選擇器:nth-of-type(n):選擇指定選擇器內部的指定選擇器指定位置的子元素,n的值從1開始

每個選擇器都有固定的權重值,權重值具有級別,一共有4個級別,每個級別以逗號間隔,同級別的權重相加(但不會公升級也不會降級)

i標籤

cat重點知識

cat option file b 對空行不編號 n 對所有的進行編號 s 去掉重複的空行,只保留一行 e 在每行結尾顯示乙個 t 把文件中的tab鍵 顯示 行 i v 沒用。只正常顯示ascii以內的字元,其他字元進行編碼 m h b,number nonblank number nonempty...

重點知識 jQuery

查詢dom元素節點物件,並將dom元素節點物件封裝為乙個jquery物件 將dom元素節點物件封裝為jquery物件 直接將html結構封裝為乙個jquery物件 選擇器 css 樣式名 屬性值 選擇器 css 選擇器 css 樣式名 單個類樣式 selector addclass class 多個...

css盒模型重點知識點

標準盒模型,這個瀏覽器預設的方式 box sizing content box ie盒模型 box sizing border box 概念bfc主要用來解決邊距重疊的問題 與它類似的還有乙個叫做ifc 如何建立bfc bfc的使用場景 class wrap 1section 2section di...