码迷,mamicode.com
首页 > Web开发 > 详细

【CSS Cookbook】笔记摘要(三)

时间:2017-05-10 20:31:05      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:使用   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】笔记摘要(三)

标签:使用   cap   round   情况   简单   gif   常用   属性   压缩   

原文地址:http://www.cnblogs.com/FireTheFire-Fly/p/6835936.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!