css image sprite navigation hover1 CSS image sprites CSS image sprites 이미지 스프라이트는 단일 이미지에 삽입된 이미지의 모음이다. 이미지가 많은 웹 페이지는 로드하는 데 시간이 오래 걸리고 여러 서버 요청을 생성할 수 있다. 이미지 스프라이트를 사용하면 서버 요청 수가 줄어들고 대역폭이 절약된다. CSS image sprite - 예제 세 개의 개별 이미지를 사용하는 대신 이 단일 이미지("img_navsprites.gif")를 사용한다: - src 속성을 비워 둘 수 없으므로 작은 투명 이미지만 정의한다. 표시된 이미지는 CSS에서 지정한 배경 이미지가 된다. 너비: 46px; 높이: 44px; - 사용할 이미지의 부분을 정의한다 background: url(img_navsprites.gif) 0; - 배경 이미지와 위치를 정의한다(왼쪽 .. 2023. 9. 5. 이전 1 다음