关于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的值差不多的意思。
{{
相关问答:
.css1 .css2 #objid {OVERFLOW: scroll;...}
.css1 .css3 {...}
把具有共同样式的写到一起了 好维护
中间无逗号,属于样式嵌套
样式的共同的地方写在一起,可以省掉不必要的代码行~
这个就是代码 ......
群里有没会CSS的高手。。。我在JSP页面中使用link连接CSS样式表,ul li标签总不起作用。直接把CSS定义放到JSP页面就能正常显示,是什么问题呢(在外部CSS表中定义的BODY标签能应用上)
css表:
.logo {
MARGIN: ......
我这样写就没问题
#cp1 img{magin:5px;}
#cp2 img{magin:5px;}
#cp3 img{magin:5px;}
我想精简代码,用下面的写法,就出错了,是不是语法有问题?
#cp1,#cp2,#cp3 img{magin:5px;}
是语法有问题,你的写法相 ......