본문 바로가기

CSS

 (7)
특수기호를 그대로 사용, CDATA 사용하기 (JAVASCRIPT 포함) XML같은 경우 JAVASCRIPT의 경우 // 이렇게 적용하면 된다.
css img의 position 좌표 쉽게 만들기 http://www.uix.kr/css-position/
IE Tester - 크로스 브라우징 인터넷 익스플로러 버젼별 테스트 프로그램 IE Tester는 지난번에 소개한 IE Collection 외에 익스플로러 다양한 버젼을 테스트할 수 있는 프로그램이다. 사실 IE Tester가 훨씬 유명한 프로그램이다. http://www.my-debugbar.com/wiki/IETester/HomePage 이곳이 공식 홈이고 현 최신버젼인 v0.4.1.1 다운로드를 링크한다. exe와 zip 중에 골라서 다운! Download IETester v0.4.11 (38MB) IETester v0.4.11 zipped installer 제작사의 디버그바 프로그램으로 이건 라이센스가 필요하다. http://www.debugbar.com/
CSS display 속성 설명, block, inline, inline-block 차이 설명 css의 display 속성은 단어 그대로 해당 요소가 어떻게 화면에 보여지는가를 보여준다. 자주쓰는 속성값은 none : 보이지 않는다. inline : 인라인 박스로 만듬 block : 블록 박스로 만듬 inline-block : block 박스로 만들어지나, inline처럼 배치가 된다. 이렇게 네가지입니다. none은 아예 보이지 않습니다. inline은 간단히 말해 줄바꿈이 되지 않고, block은 줄바꿈하게 됩니다. inline-block은 줄바꿈이 되지가 않으나 기타 다른 속성은 inline처럼 동작하게 됩니다. 이외에 inline과 block의 차이는... block : 상하 margin, padding 사용가능, width, height 속성 사용 가능 inline : 상하 margin,..
CSS3 Gradient Generator http://www.westciv.com/tools/gradients/index-moz.html http://gradients.glrzad.com/ 정말 괜찮은 곳이다. CSS Gradient 코드를 만들어준다!. webkit 엔진과 FF 엔진 사용법입니다. -webkit-gradient(, [, ]?, [, ]? [, ]*) -moz-linear-gradient( [ || ,]? , [, ]* ) 적용하는 방식입니다. background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#FFFFFF), to(rgba(120, 120, 180, 0.6))); background:-moz-linear-gradient(0% 100% 90deg, rgba(120, 120, 18..
익스플로러 여러 버젼 테스트 프로그램 익스플로러는 6~9까지 다양한 버젼 모두 각각 테스트 해야 하는 아주 골치아픈 시스템이다. 예전에 나는 포터블 브라우저를 사용하기도 하고 vm으로 여러버젼을 돌렸었는데, 그런 부분을 편하게 해주는 프로그램이 몇가지 있다. 그 중 하나를 소개한다. http://finalbuilds.com/iecollection.htm 현 최신버젼은 IE Collection 1.7.1.0 이다. 현재 1~8버젼까지 테스트가 가능하며, IE developer toolbar와 IE를 위한 Firebug Web Development Extension도 제공한다. 또한 윈도우즈 95부터 윈도우7 64비트까지도 지원한다. 자세한 지원사항은 http://utilu.com/IECollection/ 이곳을 참고하면 된다. IE Colle..
Table CSS Table 의 CSS를 공개하는 곳이다 http://icant.co.uk/csstablegallery/index.php

티스토리툴바