CSS中的圖片可以通過以下三種方式來引用:
background-image: url("image.jpg");
這是最常見的圖片引用方式,將圖片作為元素的背景。可以設(shè)置背景圖片的位置、大小、重復(fù)方式等屬性。
<img src="image.jpg" alt="image">
這是HTML中使用的圖片引用方式,將圖片作為元素的一部分。可以設(shè)置圖片的寬度、高度、對齊方式等屬性。
@media (min-width: 768px) {
.logo {
background-image: url("image.jpg");
}
}
這是響應(yīng)式設(shè)計中使用的圖片引用方式,通過媒體查詢來判斷屏幕尺寸,在特定的屏幕寬度下使用不同的圖片。也可以使用picture元素來實現(xiàn)響應(yīng)式圖片。