【CSS Cookbook】筆記摘要（三）

標籤：使用   cap   round   情況   簡單   gif   常用   屬性   壓縮   

圖片

　　background-position屬性包含了兩個值，這兩個值以逗號分隔。第一個值決定了點在x軸上的座標，第二個值決定y軸上的座標。如果只給出一個值，那麼它代表了水平位置，垂直位置在這種情況下會被設為50%。將background-position設為50%意味著將圖片放置於瀏覽器視窗的正中央。0%和100%也就是分別將圖片放在視窗的左上方和右下角。除了百分比，還可以利用其他值定位，比如y軸方向可用為top、center和bottom，x軸方向的可用left、center和right。如果綁定使用這些值就可以將圖片放置在視窗各邊的八個點上。但是Netscape Navigator4不支援background-position屬性，目前尚未找到用CSS解決局限的有效方法。

　　GIF和JPEG是網站上最常用的兩種圖片格式，這兩種格式以不同的方式壓縮圖片。GIF格式比較適合壓縮色彩層次較簡單的圖片，而JPEG更適合使用者壓縮色彩層次分明的圖形或相片。

　　

【CSS Cookbook】筆記摘要（三）