在編寫網(wǎng)頁頁面時，圖片展示是不可或缺的一部分，然而圖片的初始樣式卻是有很多需要注意的地方。

首先在初始化css樣式時，我們需要設(shè)置圖片的邊框以及外邊距為0：

img{
border: 0;
margin: 0;
}

接著，我們需要將圖片設(shè)為塊級元素，這樣就可以通過設(shè)置它的寬度和高度來控制它的大小：

img{
display: block;
}

如果我們需要對圖片進行垂直居中，則可以通過設(shè)置圖片的 display 屬性為 table-cell，并且同時設(shè)置其父元素的 display 屬性為 table。代碼如下：

.container{
display: table;
}
.container img{
display: table-cell;
vertical-align: middle;
}

需要注意的是，當(dāng)圖片添加鏈接時，我們也需要為鏈接設(shè)置樣式，以確保鏈接的樣式與其它文本鏈接相同，因此我們需要為其添加下劃線：

a img{
border: none;
}
a:link img,
a:hover img,
a:visited img,
a:active img{
text-decoration: underline;
}

最后，在設(shè)置圖片的樣式時，我們也需要謹慎，盡量避免圖片過大或過小，影響到整體頁面效果。使用合適的圖片不僅可以美化頁面，還可以提高用戶體驗。