在CSS中,元素可以分為三類:塊級元素、內聯元素和內聯塊級元素。
/* 塊級元素樣式 */ div { display: block; /* 其他樣式 */ } /* 內聯元素樣式 */ span { display: inline; /* 其他樣式 */ } /* 內聯塊級元素樣式 */ img { display: inline-block; /* 其他樣式 */ }
塊級元素會在頁面中生成一個獨立的區塊,通常用于布局。典型的塊級元素有<div>、<h1>、<p>等。
內聯元素不會在頁面中生成一個獨立的區塊,而是被嵌入到文字中,通常用于修飾文字的樣式。典型的內聯元素有<span>、<a>、<strong>等。
內聯塊級元素和塊級元素類似,但是它們不會獨立成為一個區塊,而是和周圍的內聯元素排列在一行中。典型的內聯塊級元素有<img>、<input>等。
通過display屬性,可以將元素進行分類。在代碼中,塊級元素的display屬性值通常為block,內聯元素的display屬性值通常為inline,內聯塊級元素的display屬性值通常為inline-block。