개인공간

반응형 비율에 대한 엑셀 계산기다. 960 / 800 / 720 / 640 / 560 / 480 / 360 / 320에 대응 하는 엑셀 계산기

이번에 font-face를 사용해서 홈페이지를 만들었는데 문제 발생을 하였다. 아래처럼 작업했더니 웹호스팅에서 적용을 못해주는거였다. 서버도 다 환경에 맞게 수정했는데도 안되었다. @font-face{ font-family:NanumBG; src:url(/front/com/font/NanumBarunGothic.eot); src:local(NanumBarunGothic), url(/front/com/font/NanumBarunGothic.woff) format('woff'); src:local(NanumBarunGothic), url(/front/com/font/NanumBarunGothic.ttf) format('truetype'); } [보완 : 아래처럼 써보길] @font-face{ font-fam..

em 계산방법 모바일 해상도가 1080px로 나왔을경우 , 아이폰: 1080/320 = 3.375 갤럭시 4s부터 : 1080/480 = 2.25 ex) font : 50px를 em으로 계산하려면 body : 14px = 1em 50/3.375/14 = 1.06 50/2.25/14 = 1.59 여기서 아이폰 사이즈만 잡고 미디어 커리로 제어를 해줘도 된다 ! /*DPI 480*/ @media only screen and (-webkit-min-device-pixel-ratio: 2.5){ body {font-size:16px;} } em 으로 작업시 ul>li>ul>li가나올경우 (자식이 부모에게 상속되서 엄청 작게나온다 그럴경우) 부모 ul : 34px 자식 ul : 30px 자식 ul클릭하고 크롬에서..

자주 사용하는 원표시는 유니코드로 써야한다. \ - ￦

단축키 설정 방법도구-> 기본설정 -> 파일-> 설정및 구조->html ->자동완성 열기 -> 파일 저장

label값클릭시 input에 복제되는경우 갤럭시2에서 발생한 사항으로 input에 포커스가 가면 주황색으로 표시되고 label을 클릭시 input에 복제되어 나타나는 현상이 있었다. 그런경우 css에서 사용할수 있는 방법이다. -webkit-user-modify: read-write-plaintext-only; [readonly],[disabled] 사용하지 않는 input이나 select를 개발자가 readonly="readonly", disabled="disabled" 속성을넣었을때 처리하는 방법 [readonly],[disabled]{background-color:#ccc !important;} 크롬 브라우져 input 주황색 테두리 없애는법 input{outline-style:none;}

display: box; A B .displayBox div { display: -webkit-box; height:200px; border: 5px solid black; } .displayBox #a {width: 30%; background-color: yellow;} .displayBox #b {width: 70%; background-color: skyblue;} display: box; A B box-orient 엘리먼트들이 배치되는 방향을 결정. A B box-orient 엘리먼트들이 배치되는 방향을 결정. A B .box-orient { display: -webkit-box; -webkit-box-orient: horizontal; /* -webkit-box-orient: vertical;..

ie7, ie8, ie9, ie10, 크롬, 사파리, 오페라, 파이어폭스 탭유형 TYPE 1 2010’s 2000’s 1990’s 1980’s 1970’s~1930’s 객실1 객실2 객실3 객실4 객실5 2010’s 2000’s 1990’s 1980’s 1970’s~1930’s /* big */ .sub_tab ul{*zoom:1;} .sub_tab ul:after{content:""; display:block; clear:both;} .sub_tab ul{margin-bottom:10px;} .sub_tab ul li{float:left;} .sub_tab ul li a{display:block; padding:8px 24px 9px; margin-right:4px; border:1px solid #6..

ie7, ie8, ie9, ie10, 크롬, 사파리, 오페라, 파이어폭스 버튼 TYPE 예약하기 사이트 바로가기 GO 사이트 바로가기 GO 예약 초기화 예약 초기화 예약하기 사이트 바로가기 GO 사이트 바로가기 GO 예약 초기화 예약 초기화 버튼 SIZE 예약하기 예약하기 예약하기 예약하기 예약하기 예약하기 예약하기 예약하기 예약하기 예약하기 예약하기 예약하기 SIZE별 아이콘유형 - 기본 / small 기본버튼 기본버튼 기본버튼 기본버튼 기본버튼 기본버튼 작은(sm)버튼 작은(sm)버튼 작은(sm)버튼 작은(sm)버튼 버튼 버튼 버튼 버튼 버튼 버튼 - medium 중간(med)버튼 중간(med)버튼 중간(med)버튼 중간(med)버튼 중간(med)버튼 중간(med)버튼 중간(med)버튼 중간(med)..