웹사이트를 제작을 하다보면 여러 브라우저에서 테스트를 하게 되는데 이상하게 시리 ie테스트를 하다보면 문서모드가 자꾸 하위버젼으로 바뀌는 경우가 생긴다.ㅠㅠ이런경우 아래와 같은 메타 태그를 이용하여 풀 수가 있다. ie 1. Quirks Mode 설정 2. Internet Explorer 7 Standards 모드 3. Internet Explorer 8 Standards 모드 4. 가장 최신 Internet Explorer 버전의 Standards 모드 기본적으로는를 많이 쓴다. 5. 추가로 사용자의 PC에 Chrome Browser 가 설치되어 있다면 아래와 같이 설정하여 Chrome Frame 을 이용하여 랜더링 하도록 지정할 수도 있다. 11부터는 호환가능("compatible") 및 브라우저("..

쿠쿠 작업장(home page)/web 관련 2014. 10. 21. 18:25

https://code.google.com/p/html5shiv/ placeholders.min.js ie9이하 버젼에서 placeholders 사용할수 있게끔 한것

쿠쿠 작업장(home page)/web 관련 2014. 9. 2. 14:01

@media all and (orientation:portrait) { #for portrait style codes.. }/* 세로방향 */@media all and (orientation:landscape) { #for portrait style codes.. }/* 가로방향 */ @-ms-viewport { /*ie10 윈도우8 기기전용 반응형 디자인 적용*/ width: device-width; } @viewport { width: device-width; } @media screen and (max-width: 400px) { /* 최고400px 까지*/ } @media screen and (min-width: 400px) { /*최소400px 까지 */ @media screen and (min..

쿠쿠 작업장(home page)/css 2014. 6. 26. 15:49

페이스북용 메타태그

쿠쿠 작업장(home page)/web 관련 2014. 6. 26. 00:14

:first-child 클래스내에 있는 첫번째자식 요소를 선택 :last-child 클래스내에 있는 마지막자식 요소를 선택 :first-line 요소 첫번째줄에 스타일 지정 :first-letter 요소 첫번째 문자에 스타일 지정 :link 열린적 없는 링크를 선택 :visited 한번이상 클릭한 링크 :hover 마우스 롤 오버 :active 마우스가 클릭된상태 :focus 탭 또는 입력폼이 선택되어 있는 상태 :before 클래스 앞부분에 내용 또는 스타일 지정 :after 클래스 뒷부분에 내용 또는 스타일 지정 :lang 언어 가상 클래스

쿠쿠 작업장(home page)/css 2014. 6. 12. 14:59

1단 메뉴 menu01 menu02 menu03 2단 메뉴 menu01 sub_menu01 sub_menu02 sub_menu03 menu02 menu03

쿠쿠 작업장(home page)/css 2013. 11. 26. 13:31

resize란? box의 크기를 조절 할수 있게끔 만드는것 사용법 .class {width:100px;height:100px;max-width:200px;max-height:200px;resize:both;overflow:hidden} 위와 같이 하게 되면 box를 최소 가로세로 100px 최대 가로세로 200px내에서 box 조절이 가능하다. resize 속성으로는 veritical: height 만 인식한다.horizontal: width 만 인식한다. 참고로 크롬과 사파리에서 만 지원이 된다.

쿠쿠 작업장(home page)/css 2013. 11. 12. 17:39

.bg img { background:url('이미지파일') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } background-size:속성 background-size:가로크기(px,%) 세로크기(px,%) ex) background-size:100px 100px 백그라운드 이미지 크기를 가로100px 세로50px 로 맞춘다. background-size:cover (가로크기 기준으로 가로/세로 비율을 맞춘다.) background-size:contain (세로크기 기준으로 가로/세로 비율을 맞..

쿠쿠 작업장(home page)/css 2013. 11. 6. 15:14