CSS入門基礎知識(七) 元素顯示模式

2021-10-24 06:16:34 字數 1032 閱讀 5250

元素顯示模式就是元素(標籤)以什麼方式進行顯示,比如< div>自己獨佔一行,比如一行可以放多個< span>

html元素一般分為塊元素和行元素

常見的塊元素有< h1>~< h6>、< p>、< div>等等,其中< div>標籤是最典型的塊元素

1、自己獨佔一行

2、高度、寬度、內外邊距邊距都可以控制

3、寬度預設是容器的100%

4、是乙個容器及盒子,裡面可以放行內或者塊級元素

注意:常見的行內元素有< a>、< strong>、< b>等等,其中< span>標籤是最典型的行內元素,有的地方也將行內元素稱為內聯元素。

1、相鄰的行內元素可以在一行上

2、寬、高無法總結設定

3、預設寬度是本身內容的寬度

4、行內元素只能容納文字或者其他行內元素

注意在行內塊元素中有幾個特殊的標籤——< img />、< input />、< td>等,他們同時具有塊元素和行內元素的特點。

1、和相鄰行內元素(行內塊)在一行上,但是他們之間會有空白縫隙,一行可以顯示多個(行內元素特點)。

2、預設寬度就是他本身內容的寬度(行內元素特點)

3、高度、行高、內外邊距可以控制(塊級元素特點)

塊元素轉換為行內元素 display: inline

也可轉換為行內塊元素:display: inline-block

(ps:引自pink老師~,剛剛開始作為自己的學習筆記寫,如有不好請見諒,阿里嘎多)

[^1]:

(selenium系列之七)元素等待

當瀏覽器載入頁面時,頁面上的元素可能不能同時被載入完成,如果在載入某個元素時延遲可能造成elementnotvisibleexception.針對這種情況可以設定元素等待改善指令碼執行的穩定性。webdriver 提供了兩種型別的等待 顯示等待 和 隱式等待 time模組也提供等待 time.sle...

selenium自動化測試(七) 元素等待

當瀏覽器在載入頁面時,頁面上的元素並不是同時被載入完的,就給定位增加了困難。webdriver提供了兩種型別的等待 顯式等待和隱式等待 顯式等待使webdriver等待某個條件成立時繼續執行,否則在達到最大時長時丟擲超時異常 timeoutexception webdriverwait類是由webd...

CSS基礎知識(七)

transform translate rotate scale skew matrix 值 rotate 30deg 把元素順時針旋轉 30 度。值 translate 50px,100px 把元素從左側移動 50 畫素,從頂端移動 100 畫素。值 scale 2,4 把寬度轉換為原始尺寸的 2...