CSS是一種用來控制網頁顯示樣式的技術語言。通過CSS,我們可以改變網頁中文字大小、字體、顏色、背景等各種展示方式,以及調整元素之間的間距和位置等。以下是一些常見的CSS顯示格式:
1. 塊狀元素(Block-level Element): 塊狀元素在默認情況下會占據一整行,可以使用CSS中的width和height屬性設定寬高。 <p>標簽是HTML的塊級元素之一,但我們也可以通過CSS將其他元素設定為塊級元素,比如<div>。 例如: div { display: block; width: 300px; height: 200px; } 2. 內聯元素(Inline Element): 內聯元素在默認情況下只會占據必要的寬度,無法使用width和height屬性調整大小。 與塊狀元素不同,內聯元素可以在一行內并列顯示。 <a>、<span>等標簽是HTML的內聯元素之一。 例如: span { display: inline; } 3. 行內塊狀元素(Inline-block Element): 行內塊狀元素是將內聯元素和塊狀元素的特性結合起來的一種元素類型。 這種元素既可以設置寬度和高度,又可以在一行內并列顯示。 比如<img>元素,它默認是行內元素,但可以使用CSS將其設置為行內塊狀元素。 例如: img { display: inline-block; width: 200px; height: 150px; }