CSS塊類元素是我們在頁面布局中經常使用到的元素之一。它們被用來定義頁面上的不同區塊,常用的塊類元素有
和等。
<div>這是一個塊類元素的例子</div>
<section>這是另一個塊類元素的例子</section>
塊類元素是與行內元素相對的。行內元素是一些不獨占整行寬的元素,比如和等。
塊類元素的特點是:
- 默認情況下會填滿整行寬度。
- 可以設置寬度和高度。
- 可以包含行內元素。
- 一個塊級元素只能包含另一個塊級元素或者行級元素,而行級元素之間不能相互包含。
- 可以設置邊距、內邊距、邊框。
- 常常用來包裹其它元素,以便更好地控制它們的樣式。
<div class="container">
<h1>這是一個標題</h1>
<p>這是一段文字</p>
</div>
在上面的例子中,我們使用了一個class為“container”的
元素,用來包裹一個
元素和一個
元素。這樣我們就可以更好地控制它們的樣式了。
總的來說,塊類元素可以為我們提供更好的頁面布局能力,同時也可以讓我們更好地控制元素的樣式。