CSS（Cascading Style Sheets）是一種用于網(wǎng)頁樣式設(shè)計的語言，它可以控制網(wǎng)頁中各種元素如文字、圖片、鏈接等的顏色、字體、大小等屬性，從而實現(xiàn)頁面美化與優(yōu)化。在這篇文章中，我們將介紹如何使用CSS將圖片變小。

/*通過設(shè)置 width 和 height 屬性*/
img {
width: 50%; /*圖片寬度為父元素的一半*/
height: auto; /*高度根據(jù)寬度自動調(diào)整*/
}
/*通過設(shè)置 max-width 和 max-height 屬性*/
img {
max-width: 300px; /*最大寬度為 300 像素*/
max-height: 200px; /*最大高度為 200 像素*/
}

代碼中通過設(shè)置 width 和 height 屬性或者 max-width 和 max-height 屬性來控制圖片大小。其中，width 和 height 屬性可以直接設(shè)置圖片的寬和高，使得圖片變?yōu)橹付ù笮　６?max-width 和 max-height 屬性則是分別設(shè)置圖片的最大寬度和最大高度，使得當(dāng)圖片尺寸超出設(shè)置值時，按比例縮小至最大尺寸。

值得注意的是，通過直接設(shè)置圖片的寬高可能會造成圖片失真或拉伸變形，而使用 max-width 和 max-height 屬性則可以保持圖片的比例，使得圖片在縮小的過程中不失真不變形，從而得到更好的視覺效果。

總之，在 CSS 中，通過設(shè)置相關(guān)屬性可以輕松地將圖片變小，實現(xiàn)頁面美化與優(yōu)化。希望本文對大家有所幫助。