수다닷컴

.ht{position:relative;width:100%;height:35px;background:#3da813 url(http://static.naver.com/m/kin/im/bg.gif) repeat-x 0 -33px;text-align:center;color:#fff}
.nv1{overflow:hidden;width:100%}
.nv1 ul{padding:5px 4px 0 2px;margin-right:-8px;display:block;height:100%;color:#fff}
.nv1 li{overflow:hidden;float:left;height:30px;line-height:28px;margin-right:-2px; background:url(http://static.naver.com/m/kin/im/bg.gif) no-repeat 0 -310px;text-align:center;white-space:nowrap}날이 많이 덥네요.. 헥헥헥... ^^
다름이 아니라 네이버에 보면 위와 같은 css가 있던데요.. 제가 궁금한건 빨간색 부분의 제일 뒤에 있는 숫자들(0 -33px;와0 -310px;)입니다.
이미지의 위치를 나타내는것 같은데 의미를 잘 모르겠네요..
어떤 원리로 움직이는걸까요.. 왼쪽 좌쪽값 0 에서 위에서부터 좌표값이다. 등등.. 이런게 있을듯 한데.. 수치를 바꿔봐도 잘 이해가 안돼서요.. ^^;

신청하기