회원로그인
Join
커뮤니티
내 사이트가 한없이 가벼워지는 그 날까지
9322 views, 0 comments
css의 공통된 속성들을 일괄적용하자
written by 구솔
css문서를 사용하다보면 공통적인 속성들이 반복되는 경우가 있습니다.
.title {background:#ffffff; border:1px solid #dddddd}
.option {backbackground:#ffffff; border:1px solid #dddddd}
.memo {background:#ffffff; border:1px solid #ddd}

아래와 같이 콤마(,)로 구분하여 단축할 수 있습니다.
.t,.o,.m{background:#fff;border:1px solid #ddd}

링크속성도 마찬가지입니다.
a:link    {color:#555555; text-decoration:none;}
a:visited {color:#555555; text-decoration:none;}
a:hover   {color:#000000; text-decoration:underline;}
a:active  {color:#555555; text-decoration:none;}

아래 두 줄로 압축이 가능합니다.
a:link,a:active,a:visited{color:#555;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}

콤마 사이의 여백과 속성 사이의 여백도 생략하는 것이 좋습니다.
리스트 속성의 ul도 항상 반복되는 부분이죠.
#menu ul {
padding:0;
margin:0; }
#menu ul li {
text-align:left; }

아래와 같이 상단에 적용해 놓는 것이 좋습니다.
ul {padding:0;margin:0}
회원사진
얼마나 아느냐보다 어떻게 생각하느냐가 중요하다.

내일은 오늘 달린만큼의 위치에서 시작된다!
Posted at 2006-03-25 20:34
d41d8cd98f
목록보기 글작성하기 수정하기 글삭제하기
번호제목작성자작성일조회
글작성하기
1
10기능을 묶자구솔2007.02.021649
9마크업 용량 줄이기구솔2006.10.011861
8URL주소를 짧게 사용하자구솔2006.04.021916
현재글css의 공통된 속성들을 일괄적용하자구솔2006.03.259322
6효율적인 테이블 사용구솔2006.03.241802
5단축된 컬러값을 사용하자구솔2006.03.231341
4자주 쓰이는 속성을 CSS에 정의하여 사용하자구솔2006.03.221363
3불필요한 태그와 속성을 효율적으로 변환하자구솔2006.03.211265
2주석을 줄이고 class나 id 이름을 짧게 정의하자구솔2006.03.201283
1단축형 속성을 사용하자구솔2006.03.191437
  • Copyright © 2004 - 2010 Goosol.Net All rights reserved. Ver 3.6_071212   Valid XHTML 1.0