當我們需要在網頁中插入圖片時，需要使用CSS樣式來調整圖片的排版和布局，下面來介紹一下常用的CSS樣式。

img {
width: 100px;
height: 100px;
display: block;
margin: 0 auto;
}

上述代碼使用了img標簽的CSS樣式來調整圖片，其中：

1. width和height用來設置圖片的寬度和高度，一般情況下需要根據具體的要求設置；

2. display: block;表示將圖片顯示為塊級元素，使得后面的元素能夠順利排列；

3. margin: 0 auto;用來居中顯示圖片，其中0表示上下邊距，auto表示左右邊距自動調整。

除了使用img標簽的樣式，還可以使用背景圖片的樣式，代碼如下：

div {
background-image: url("img/bg.png");
width: 500px;
height: 300px;
background-size: cover;
}

上述代碼使用了div標簽的CSS樣式來設置背景圖片，其中：

1. background-image表示設置背景圖片的路徑；

2. width和height用來設置div元素的寬度和高度；

3. background-size: cover;用來將背景圖片拉伸或壓縮至適應div元素的大小。

通過上述介紹，我們可以使用不同的CSS樣式來完成圖片的排版和布局。