CSS塊類(lèi)元素是我們?cè)陧?yè)面布局中經(jīng)常使用到的元素之一。它們被用來(lái)定義頁(yè)面上的不同區(qū)塊，常用的塊類(lèi)元素有
和等。
<div>這是一個(gè)塊類(lèi)元素的例子</div>
<section>這是另一個(gè)塊類(lèi)元素的例子</section>塊類(lèi)元素是與行內(nèi)元素相對(duì)的。行內(nèi)元素是一些不獨(dú)占整行寬的元素，比如和等。
塊類(lèi)元素的特點(diǎn)是：
- 默認(rèn)情況下會(huì)填滿(mǎn)整行寬度。
- 可以設(shè)置寬度和高度。
- 可以包含行內(nèi)元素。
- 一個(gè)塊級(jí)元素只能包含另一個(gè)塊級(jí)元素或者行級(jí)元素，而行級(jí)元素之間不能相互包含。
- 可以設(shè)置邊距、內(nèi)邊距、邊框。
- 常常用來(lái)包裹其它元素，以便更好地控制它們的樣式。
<div class="container">
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一段文字</p>
</div>在上面的例子中，我們使用了一個(gè)class為“container”的
元素，用來(lái)包裹一個(gè)
元素和一個(gè)
元素。這樣我們就可以更好地控制它們的樣式了。
總的來(lái)說(shuō)，塊類(lèi)元素可以為我們提供更好的頁(yè)面布局能力，同時(shí)也可以讓我們更好地控制元素的樣式。