和

等標(biāo)簽。這種元素會(huì)自動(dòng)占據(jù)一行，并且會(huì)在前后添加一些空間以與周?chē)膬?nèi)容分離開(kāi)來(lái)。塊級(jí)元素可以設(shè)置寬度、高度、邊距和填充等屬性，也可以設(shè)置浮動(dòng)和定位等高級(jí)屬性。

div {
width: 50%;
height: 200px;
margin: 20px auto;
padding: 10px;
background-color: #eee;
float: left;
position: relative;
}

行內(nèi)元素是指那些默認(rèn)情況下在頁(yè)面中顯示為行的元素，比如、和等標(biāo)簽。這種元素一般只占據(jù)一行的一部分，并且不會(huì)在前后添加任何空間。行內(nèi)元素只能設(shè)置寬度和高度這些基本屬性，其他屬性比如邊距和填充等并不適用。

span {
color: red;
font-size: 16px;
text-decoration: underline;
}

內(nèi)聯(lián)塊元素是指那些默認(rèn)情況下在頁(yè)面中顯示為矩形塊但與其他元素共享同一行的元素，比如、和等標(biāo)簽。這種元素既可以設(shè)置寬度和高度，也可以設(shè)置邊距和填充等屬性。內(nèi)聯(lián)塊元素可以跨行顯示，并且在前后不會(huì)添加任何空間。

input {
width: 200px;
height: 30px;
margin: 10px;
padding: 5px;
border: 1px solid #ccc;
display: inline-block;
}

總之，在CSS中掌握好塊級(jí)元素、行內(nèi)元素和內(nèi)聯(lián)塊元素的特點(diǎn)和應(yīng)用可以讓我們更加靈活地進(jìn)行網(wǎng)頁(yè)布局和設(shè)計(jì)。