CSS中圖片大小的確定主要通過以下兩種方式:
1、使用width和height屬性:在CSS中,我們可以直接設(shè)置圖片的寬度和高度,如果我們有一張圖片,我們想要將其寬度設(shè)置為300像素,高度設(shè)置為200像素,我們可以這樣寫CSS代碼:
img { width: 300px; height: 200px; }
這段CSS代碼會將所有<img>
標(biāo)簽的圖片寬度設(shè)置為300像素,高度設(shè)置為200像素。
2、使用max-width和max-height屬性:與width和height不同,max-width和max-height屬性會限制圖片的***大寬度和***大高度,而不會改變圖片本身的尺寸。
img { max-width: 300px; max-height: 200px; }
這段CSS代碼會將所有<img>
標(biāo)簽的圖片***大寬度設(shè)置為300像素,***大高度設(shè)置為200像素,如果圖片本身的尺寸小于這個限制,那么圖片的大小將不會被改變。
需要注意的是,如果同時指定了width、height、max-width和max-height屬性,那么這些屬性的優(yōu)先級如下:width/height > max-width/max-height,也就是說,如果同時指定了寬度和***大寬度,那么實(shí)際寬度將由width屬性決定。