关于css切图，谁能解析一下？ - Web 开发 / HTML(CSS)
关于css切图，谁能解析一下？是什么意思 有什么区别
下面能截取图片某一部分显示。 这个 0 108 这些数字是怎么定的，以图片的哪里为原点？
background:url(../images/foot_point.jpg) no-repeat 0 6px;
background: url(../images/lrtk.png) no-repeat 100% -234px;
background: url(../images/lrtk.png) repeat-x 0 -207px;
background: url(../images/lrtk.png) no-repeat 50% -144px;
background: url(../images/lrtk.png) no-repeat 0 -108px;
background: url(../images/lrtk.png) no-repeat 0 -36px;
都用 图片 左上角那个点 算起
background: url(../images/lrtk.png) no-repeat 0 -36px; 截取的是图片的那一部分？
图片横向从0开始，纵向从36px开始截图。
有点和margin的值差不多的意思。
{{
相关问答：
display:inline-block;
overflow:hidden;（网络上查找是影藏溢出，但是测试起来感觉不太明白）
position:relative;（绝对定位，不知道对不对）
position:absolute;
这四个属性在CSS里面出现频率比较高，高手指点 ......
用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。
二.明确定义单位，除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HT ......
我这样写就没问题
#cp1 img{magin:5px;}
#cp2 img{magin:5px;}
#cp3 img{magin:5px;}
我想精简代码，用下面的写法，就出错了，是不是语法有问题？
#cp1,#cp2,#cp3 img{magin:5px;}
是语法有问题，你的写法相 ......
