본문 바로가기

전체 글40

CSS3 box-Shadow 5개의 대표 브라우저 모두가 그림자 효과를 지원합니다. 단 Internet Explorer 같은 경우는 그림자 효과가 타 브라우저와차이가 날 수 있습니다..example-div {width: 460px;background-color: #696969;color: #FFF;font: 30px 'Myriad Pro';text-align: center;padding: 20px;border-radius: 20px;box-shadow: -3px 3px 10px 0 #CCC; /* (inset) x-position y-position size spread color */}그림자 효과를 주려면 box-shadow 속성을 입력하면 됩니다. 아까도 말했듯이 모바일 브라우저는 이 속성을 지원하지 않을 수도 있으므로 브라우저.. 2012. 12. 13.

CSS를 최적화하고 파일크기를 줄이는 15가지 방법 CSS코드를 효율적이고 최적화하면서 파일사이즈를 줄일 수 있는 CSS최적화 방법에 대해서 얘기를 하려고 한다. - 소개 더욱 더 복잡한 CSS코드를 쓰게 되면서 이러한 기술은 CSS파일 사이즈를 단지 몇kilobytes라도 줄여야할것이다. 1. CSS Sprite의 사용 "CSS Sprite는 image request의 요청을 감소시키는 방법이다. 여러이미지들을 하나의 이미지로 합치고 CSS background-image 혹은 background-position속성을 이용하여 이미지의 부분들을 훌륭하게 보여준다. - Yahoo Deloper Rule(http://developer.yahoo.com/performance/rules.html)이러한 방법은 HTTP Request와 웹사이트의 트래픽을 효율적으.. 2012. 12. 4.

textarea 크기조정 막기 크롬/파폭용 resize:none 2012. 11. 27.

input 태그 disabled & readonly 속성 input tag 에 disabled 속성을 줄 수 있다. disabled="disabled" disabled 속성을 주게 되면 form submit 할 때 해당 값은 아예 보내지 않게 된다. input tag 에 readonly 속성을 아래와 같이 줄 수 있다. readonly="readonly" form submit 할 때는 값이 포함되고 사용자의 조작을 막을 수 있다. !) 만약 사용자의 조작을 막고 비활성화된 모습을 보여주고 싶다면 readonly 속성을 지정하고 style 을 지정하는 방법을 사용하자. 출처 :http://blog.naver.com/myefhc/100167530042 2012. 11. 26.

이전 1 2 3 4 5 6 7 8 ··· 10 다음

티스토리툴바