CSS中有一類元素被稱為替換元素。這些元素可以被替換成其他內容,如圖片、音頻、視頻等。這些元素的特性包括:
1. 內容不受CSS影響,只能通過替換來改變。 2. 元素尺寸可以由內容自動決定,也可以由CSS決定。 3. 元素可以包含在其他元素內部,但不會影響其他元素的布局。
常見的替換元素包括:
1. <img> 圖片元素 2. <video> 視頻元素 3. <audio> 音頻元素 4. <iframe> 內嵌框架元素 5. <canvas> 畫布元素 6. <embed> 嵌入式元素
替換元素可以通過CSS樣式來改變它們的表現。例如:
img { width: 100px; height: 100px; border: 1px solid black; }
上述代碼會將所有的<img>元素的寬高設為100px,并且添加了1px的黑色邊框。
需要注意的是,替換元素的表現有一定的瀏覽器兼容性問題,特別是在移動端設備上。因此,在使用替換元素時,需要考慮不同瀏覽器和設備的兼容性。
下一篇css中空兩格