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

단축된 컬러값을 사용하자

구솔
1724 views, 0 comments, 0 trackbacks
css를 활용하여 컬러값을 단축할 수 있습니다.
컬러값은 #rrggbb의 형태로 지정하여 사용하는 데요.
rr,gg,bb가 서로 공통된 문자열을 가질 경우 -> #rgb로 단축할 수 있습니다.
예를 들어 #ffcc00의 값을 가진 컬러가 있다면 #fc0으로 단축이 가능합니다.
실제 적용된 예를 살펴볼까요?
font {color:#ffcc00} -> f {color:#fc0}
font {color:#555555} -> f {color:#555}
font {color:#808080} (!단축불가)-> f {color:#808080}

단축여부는 rr,gg,bb가 서로 공통된 값을 가질 경우에 한합니다.
이름으로 컬러값을 지정할 수도 있습니다.
.red {color:#ff0000} -> .r {color:#f00} -> .r {color:red}

이름이 컬러값보다 더 짧을 경우 이름을 사용하는 것이 좋겠죠?
이름이 컬러값보다 짧은 예)
silver < #c0c0c0
maroon < #800000
purple < #800080
olive < #808000
navy < #000080
teal < #008080
  • 유저가 작성한 글은 그것이 인용되지 않았다면 Creative Commons Public Domain License의 적용을 받습니다.
    퍼가는 경우 저작자 표시, 비영리 목적으로 퍼가기 허용, 저작물의 변경 금지

d41d8cd98f