링크포커스 rinkfocus 쉽게 개념을 설명하자면 링크영역을 점선으로 나타내주는 기술입니다. 이미지나 또는 폰트등 링크가 되있는 부분에 나타나죠. 디자인적인 면에서 없는편이 좋을 때가 많습니다. 이것을 없애주는 방법은 다양합니다. 1.특정링크만 없애주는 방법 이방법은 하나또는 그이상 원하는 부분만 링크포커스를 없애주는 방법입니다. 해당되는 A태그에 온포커스 onfocus='this.blur()' 이문장을 삽입하시면 됩니다. 예) 일반링크 표현 바로가기 온포커스 사입 바로가기 이런식으로 사용하실수 있습니다. 2.스타일 시트를 사용한 방법 이방법은 윗방법처럼 하나하나 감추지 않고 사용되는 전체문서에 통일적용하시고 싶으실때 유용하게 사용하실수 있습니다. 스타일시트에 아래소스를 삽입하시면 됩니다. 일반 링크포..
반응형 웹에서 이미지 크기 변동시 가로 기준으로 동일 비율로 자동 조절하는 방법CSS .classname {max-width:100%;height:auto}
IE버전별 CSS 파일 호출 및 STYLE 코드에 적용 방법 1. CSS 파일을 가져올 때 2. STYLE 코드 안에서 적용 할때 /* 브라우저 모드 EDGE 이거나 IE8 이상인 경우 */ .selector { property:value; property:value; } /* IE 7 이하 */ .selector { property:value; *property:value; } /* IE 6 이하 */ .selector { property:value; _property:value; }
스타일을 이용한 문장 줄이기 한줄인 경우 아래와 같이 적용 .classname{ overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis } 여러줄인 경우 또는 wrap 된 경우 위와 같이 해선 안된다. CSS를 이용한 방법이 있지만 모든 웹브라우저에는 적용이 안된다 .classSec{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vert..
media="print" : 프린트 할때만 적용되는 스타일 media="screen" : 일반 웹 화면에서 적용되는 스타일 print.css @media print { 프리트시 적용할 스타일 .pagebefore{page-break-before:always} // 이 클래스의 엘리먼트가 오기전에 페이지 바꿈 적용 .pageafter{page-break-after:always} // 이 클래스의 엘리먼트 다음에 페이지 바꿈 적용 } @ http://koc2000.tistory.com/50
form{margin:0;padding:0} input {border:1px solid #7B7B7B;background:#E6F5FF;padding:1px 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;font-size:12px} input[type=text]:focus {background:#ff0} input[type=text]:hover {background:#ffc} .radio{background:#fff;border-width:0px} .checkbox{background:#fff;border-width:0px} input[type=button] {border:1px solid #7B7B7B;backgro..
