1. css是什麼
層疊樣式表 --> 給html新增樣式的
2. css的語法
選擇器3. css引入方式
1. 直接寫在html標籤裡面
"2. 寫在style標籤裡面的color: red;font-size: 50px;text-align: center
">直接寫在html標籤裡面
第一種3. 寫在單獨的css檔案 4. css選擇器第二種
1. 基本選擇器
1. id選擇器 --> #d1 {}2. 類選擇器 --> .c1 {}3. 標籤選擇器 --> a {}4. 通用選擇器 --> * {}2. 層級選擇器
後代選擇器 --> div .c1 {}下一級 後面的所有3. 屬性選擇器兒子選擇器 --> div>.c1 {}下一級 緊挨在後邊的那個
毗鄰選擇器 --> div+.c1 {}同一級 緊挨著我的那個標籤
弟弟選擇器 --> div~.c1 {}同一級後面所有的
有某個屬性值的 --> div["title"]4. 交集、並集選擇器屬性等於某個值的 --> input["type"="button"]
交集:p.c15. 偽類選擇器並集:p,.c1
#1.1 沒有訪問的超連結a標籤樣式:6. 偽元素選擇器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標籤使用
p:before {}p:after {}p:first-child5. css選擇器的優先順序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 同級別的唯一乙個
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中的變數不需要宣告,...