CSS中的元素分類可以分為兩類：塊級元素和內(nèi)聯(lián)元素。

/* 定義塊級元素 */
div {
display: block;
}
/* 定義內(nèi)聯(lián)元素 */
span {
display: inline;
}

塊級元素通常用于構(gòu)建頁面結(jié)構(gòu)，比如各種容器、標(biāo)題、段落等。塊級元素獨占一行，寬度通常是父容器的100%（除非設(shè)置了寬度），可以設(shè)置寬高、內(nèi)外邊距、邊框、背景等屬性。

/* 給一個塊級元素設(shè)置寬度和高度 */
div {
width: 200px;
height: 100px;
/* 其它屬性省略 */
}

內(nèi)聯(lián)元素通常用于構(gòu)建文本內(nèi)容，比如文字、鏈接、圖片等。內(nèi)聯(lián)元素不獨占一行，寬度只有它包含的內(nèi)容的寬度，不能設(shè)置寬高，但是可以設(shè)置內(nèi)外邊距、邊框、背景等屬性。

/* 給一個內(nèi)聯(lián)元素添加底部邊框 */
span {
border-bottom: 1px solid #000;
}

除了塊級元素和內(nèi)聯(lián)元素，還有一種特殊的元素叫做inline-block元素。這種元素同樣不獨占一行，但是可以設(shè)置寬高，內(nèi)外邊距、邊框、背景等屬性。inline-block元素通常用來實現(xiàn)水平排列的效果。

/* 給一個inline-block元素設(shè)置寬度和內(nèi)邊距 */
a {
display: inline-block;
width: 100px;
padding: 10px;
/* 其它屬性省略 */
}

以上就是CSS中的元素分類，通過選擇不同的元素類型，我們可以實現(xiàn)各種不同的頁面效果。