x
구솔미디어
내 사이트가 한없이 가벼워지는 그 날까지

자주 쓰이는 속성을 CSS에 정의하여 사용하자

구솔
1790 views, 0 comments, 0 trackbacks
.i_l {width:180px; height:53px; border:0}
.i_mn {width:150px; height:53px; border:0}
.i_md {width:168px; height:28px; border:0}
.i_bn {width:150px; height:50px; border:0}

구솔미디어의 css문서 중 일부입니다.
이미지에 대해 공통적으로 적용되는 속성인데요.
각 페이지마다 반복적으로 사용되기 때문에 css문서에 따로 정의하여 필요한 곳에 불러오고 있습니다.
예를 들어 문서의 특정한 곳에 이미지를 삽입할 시 이러한 태그를 삽입하여야 하죠.
< img src="경로" height="50px" width="150px" border="0" />

같은 크기와 같은 스타일의 이미지를 반복해서 사용할 경우엔 위처럼 공통적인 부분을 일일이 나열해야하는 불편함이 있습니다.
무엇보다 위와같이 반복적인 부분은 효율적이라고 할 수 없고 이렇게 최적화의 기회를 주는 녀석은 과감히 단축해야 합니다.
위의 css에 따르면 아래와 같이 사용할 수 있습니다.
< img class="i_mn" src="경로" />

/*위의 팁은 대류커뮤니티의 version 3.6 css 문서 중 일부를 대류님의 동의하에 팁형태로 구성한 것입니다.*/
  • 유저가 작성한 글은 그것이 인용되지 않았다면 Creative Commons Public Domain License의 적용을 받습니다.
    퍼가는 경우 저작자 표시, 비영리 목적으로 퍼가기 허용, 저작물의 변경 금지

d41d8cd98f