5月28日 python學習總結 CSS學習(一)

2022-03-16 12:46:17 字數 1836 閱讀 6469

1. css是什麼

層疊樣式表 --> 給html新增樣式的

2. css的語法

選擇器
3. css引入方式

1. 直接寫在html標籤裡面

"

color: red;font-size: 50px;text-align: center

">直接寫在html標籤裡面

2. 寫在style標籤裡面的 

第一種

第二種

3. 寫在單獨的css檔案

4. css選擇器

1. 基本選擇器

1. id選擇器 --> #d1 {}2. 類選擇器 --> .c1 {}3. 標籤選擇器 --> a {}4. 通用選擇器 --> * {}
2. 層級選擇器

後代選擇器     --> div .c1 {}下一級 後面的所有

兒子選擇器 --> div>.c1 {}下一級 緊挨在後邊的那個

毗鄰選擇器 --> div+.c1 {}同一級 緊挨著我的那個標籤

弟弟選擇器 --> div~.c1 {}同一級後面所有的

3. 屬性選擇器

有某個屬性值的   --> div["title"]

屬性等於某個值的 --> input["type"="button"]

4. 交集、並集選擇器

交集:p.c1

並集:p,.c1

5. 偽類選擇器

#1.1 沒有訪問的超連結a標籤樣式:

a:link #1.3 滑鼠懸浮在元素上應用樣式:

a:hover #1.4 滑鼠點選瞬間的樣式:

a:active #1.5 input輸入框獲取焦點時樣式:

input:focus #2 注意:

1 a標籤的偽類選擇器可以單獨出現,也可以一起出現

2 a標籤的偽類選擇器如果一起出現,有嚴格的順序要求,否則失效

link,visited,hover,active

3 hover是所有其他標籤都可以使用的

4 focus只給input標籤使用

6. 偽元素選擇器

p:before {}p:after {}p:first-child

p:last-child

p:first-child 同級別的第乙個

:last-child 同級別的最後乙個

:nth-child(n) 同級別的第n個

:nth-last-child(n) 同級別的倒數第n個

#2.2 同級別同型別

:first-of-type 同級別同型別的第乙個

:last-of-type 同級別同型別的最後乙個

:nth-of-type(n) 同級別同型別的第n個

:nth-last-of-type(n) 同級別同型別的倒數第n個

#2.3 其他

:only-of-type 同型別的唯一乙個

:only-child 同級別的唯一乙個

5. css選擇器的優先順序

1. css選擇器相同時: 距離標籤越近,權重越高!

2. css選擇器不同時:

內聯 > id選擇器 > 類選擇器 > 元素選擇器 > 繼承的樣式

3. !important 火燒眉毛才用!

6. 三大特性

1. 繼承

2. 層疊

3. 優先順序

5月18日學習總結

上節課老師教授了兩種方式解決刪除vector中資料排序混亂問題,下面是通過虛刪的方式重新寫的 這種方式適合資料類中有很多中資料的情況,用multimap時存vector中的下標,但是像這種通訊錄只有姓名和 號碼的類,直接用的multimap就行了。includeusing namespace std...

2023年9月28日總結

今天上午開會,翹了小組的討論,哎,沒辦法。其實自己想了很多東西,感覺自己也是乙個容易想多的人,想著自己的不足之處,想著自己和別人的差距,但說實話想的和現實一直都是不對等的。就拿乙個 題來說,想的思路雖然可以讓你寫出乙個題的 框架,但實現的過程,往往會遇到各種問題,有可能在實驗敲 的過程中會發現有更好...

11月28日 python語法學習

1 輸入輸出 輸出,會自動被替換成拼接字串的空格 print hello world print this is a beautiful sky and we all love it print 300 print 100 200 100 2002 python變數 python中的變數不需要宣告,...