CSS中的block指的是一個(gè)元素在HTML頁(yè)面中顯示為一個(gè)矩形塊的元素。這些元素在屏幕上按垂直方向排列，每一個(gè)元素都占一整行。

在CSS中有兩種元素：block元素和inline元素。block元素是一個(gè)完整的塊，類(lèi)似于一個(gè)矩形盒子，而inline元素則是一個(gè)塊的一部分，它只占用了它所包含的文本或其他元素的空間。

例如，

div、p、ul、li、h1、h2、h3、h4

等都是block元素。這些元素都可以設(shè)置寬度(height)、邊距(margin)、內(nèi)邊距(padding)和邊框(border)，并且它們的默認(rèn)寬度為100%。

除了上述的元素外，另外還有一些元素可以被設(shè)置為block元素，如

form、table、thead、tbody、tfoot

等。它們的默認(rèn)寬度也是100%。

block元素與inline元素的不同在于：block元素不允許其他元素在它們旁邊出現(xiàn)，也就是說(shuō)，不管一個(gè)block元素中有多少文本或者其它元素，它都會(huì)占滿一整行。而inline元素則可以和其它元素在同一行上顯示。

在CSS中我們可以通過(guò)display屬性來(lái)設(shè)置一個(gè)元素的類(lèi)型。如果我們想要一個(gè)inline元素顯示為一個(gè)block元素，可以將它的display屬性設(shè)置為“block”。

.inline-block{
display: inline-block;
width: 100px;
height: 50px;
background-color: #ccc;
}
.block{
display: block;
width: 100px;
height: 50px;
background-color: #ccc;
}

上面的代碼中，我們通過(guò)display屬性來(lái)設(shè)置兩個(gè)不同類(lèi)型的元素，一個(gè)是inline-block，一個(gè)是block。我們可以看到，設(shè)置為inline-block的元素可以和其它元素在同一行上顯示，而設(shè)置為block的元素則會(huì)占用一整行。