快速了解元素的三種分類

2021-08-14 04:39:09 字數 1398 閱讀 8552

在html中的標籤元素 大體被分為三種不同的型別:

1、塊狀元素;

2、內聯元素;

3、內聯塊狀元素。

特點:

1.塊狀元素:所謂的塊狀元素,就是會獨佔一行的的元素,無論他的內容有多少,他都會獨佔一整行,

【可以設定寬高】

2.內聯元素:所謂的內聯元素,指的是只佔自身大小的元素,不會獨佔用一行,【不可以設定寬高】

3.內聯塊狀元素:所謂的內聯塊狀元素,指的是只佔自身大小的元素,不會占用一行,但是【可以設定寬高】

例子:

塊狀元素:

我是第乙個塊狀元素

我是第二個塊狀元素

執行結果:如下,會獨佔一行,且可設寬高

內聯元素:

我是第乙個內聯元素

我是第二個內聯元素

執行結果:如下,只佔自行元素大小,不會獨佔一行,且不可設寬高

內聯塊狀元素:

執行結果:如下,不會獨佔一行,且可設寬高;

我們可以根據需要將元素進行轉化:

需要哪種樣式,設定display即可:

塊狀元素(block),內聯元素(inline),內聯塊狀元素(inline-block)

1.塊狀元素》**)>>內聯元素

設定樣式:display:inline;

2.塊狀元素》**)>>內聯塊狀元素

設定樣式:display:inline-block;

3.內聯元素》**)>>塊狀元素

設定樣式:display:block;

注意點

一般情況下:

只使用塊元素去包含內聯元素,而不會使用內聯元素去包含乙個塊元素

a元素可以包含任意元素,除了他本身

p元素不可以包含任何塊狀元素

常用的塊狀元素有:

、、...、、、、、、、

常用的內聯元素有: 、、

、、、、、、、、

常用的內聯塊狀元素有:

三種快速排序

3種快排的實現方式,1是不適合重複元素多,2可以適應重複元素多,3可以優化重複元素多的時間 author hxj 2020年7月27日 public class main int l 0,r arr.length 1 quicksort arr,l,r private static void qui...

三種設計模式分類

1 建立型模式作用 在建立者模式中,客戶端不再負責物件的建立與組裝,而是把這個物件建立的責任交給其具體的建立者類,把組裝的責任交給組裝類,客戶端只負責物件的呼叫,明確了各個類的職責。2 結構型模式結構型模式是解析類和物件的內部結構和外部組合,通過優化程式結構解決模組之間的耦合問題。3 行為型模式為型...

Python selenium 三種等待元素方式

這種叫強制等待,不管你瀏覽器是否載入完了,程式都得等待,時間讀完繼續執行下面的 太死板,嚴重影響程式執行速度。from selenium import webdriver from time import sleep driver webdriver.firefox driver.get sleep...