第十章 高階Web建設 div與span

2021-08-22 16:09:09 字數 1039 閱讀 6125

balabalacats cats cats

balabaladogsdogs dogs dogs

這樣就劃分了兩個邏輯區 cats和dogs.

在css中怎麼寫呢?

#cats

#dogs

當然,乙個元素只有乙個id,同時可以屬於乙個或者多個類。

如果只想要的的顏色變為綠色,怎麼辦呢?用到子孫選擇的方法。

#dogs p
這樣就將dogs邏輯區的所有

顏色變了,不論巢狀的多深。

有沒有一種方法選擇直接的孩子?

如果dogs的p中巢狀了很多元素,比如p,h1,h2...那麼只想要dogs的直接孩子p變色,其他不用變,怎麼辦呢?

#dogs>p
如果我需要更複雜的選擇呢?比如要選擇乙個要注意,text-align屬性只能在塊元素上使用,如果直接在內聯元素(如那麼怎麼才能讓不同狀態下顯示的效果不同呢?這裡用到了偽類!

a:link 

a:visited

a:hover

說說偽類吧:

它像乙個類,卻不是真正的類。你可以對偽類指定樣式,但是沒有人在html中真正輸入這些類。像上邊的link偽類,visited偽類,hover偽類,你就直接在css這樣寫了,那你在html中寫過類似class="..."的東西嗎?並沒有!

瀏覽器怎麼知道你的鏈結是訪問過還是沒訪問過,還是其他狀態呢?

瀏覽器會仔細檢查所有的元素,把他們增加到正確的偽類當中,如果訪問過,就把他放到visited偽類中。。。。。瀏覽器會在後台向這些類增加和刪除元素,這些類也確實存在。

怎麼運用偽類呢?假如乙個元素巢狀在id為elixirs中,則我們給他指定樣式:

#elixirs a:link

#elixirs a:visited

#elixirs a:hover

第十章 函式

使用def關鍵字 定義個數可變的位置形參 定義個數可變的關鍵字形參 定義預設值引數 定義個數可變的位置形參 deffun1 args 結果為乙個元組 print args fun1 10,20,30 10,20,30 定義個數可變的關鍵字形參 deffun2 args 結果為乙個字典 print a...

第十章 屬性

z屬性 本章也比較簡單稍作介紹 無參屬性就是我們常見的屬性 可以封裝屬性 以執行緒安全方式訪問 有參屬性就是c 中的所引器 匿名型別 如圖遇到如下 具體點就是 上面的注釋也已經講清楚了,定義的型別之後,構造例項,然後初始化屬性。現在詳細說下 編譯器接收到 上圖 先用var 定義乙個型別,但是不具體指...

第十章 屬性

目錄 10.1 無參屬性 10.2 有參屬性 10.3 呼叫屬性訪問器方法時的效能 10.4 屬性訪問器的可訪問性 10.5 泛型屬性訪問器方法 物件導向設計和程式設計的重要原則之一就是資料封裝,意味著型別的字段不應該公開,否則很容易因為不恰單使用欄位而破壞物件的狀態。可將屬性想象成智慧型字段,即背...