web sprit

input의 placeholder속성은 input란에 대한 설명을 보여주기 위한 html5 속성이다.placeholder는 낮은 브라우져에 적용이 안되어 나오지 않는다.예로 익스7~9에 나오지 않는다. 이런 문제를 해결하기 위하여 placeholders.min.js 를 사용하면 된다. 사용 방법은 매우 간단하다.스크립트 태그로 placeholders.min.js 를 연결하여 그대로 사용하면 적용 된12345 /*위와 같이 작성하면 익스7~9 모두 적용된다.*/cs 결과 :

a태그는 하나의 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼 링크를 정의한다. a요소의 가장 중요한 특성은 링크의 목적지를 나타내는 href 속성이다. w3schools 에서는 위와 같이 정의하고 있다. [http://www.w3schools.com/tags/tag_a.asp]그러하므로 a태그는 꼭 href 속성이 따라와야하는 태그이다. 웹표준 및 웹접근성에 준하여 올바른 작성법을 알려주려한다. 보통 a태그에서 링크를 걸지 않고 #처리 한 후 단순 동작 버튼으로 사용할때가 있다. 이때href="#" 과 같이 처리를 하는데 위와 같은 처리를 한 버튼을 눌럿을 시에 최상단으로 가는 현상이 발생한다. 그렇다고 예를 들어 strong, p, span 태그와 같은 것으로 대체하여 사용하였을 경우 tab으..

CSS3 에서 투명도를 주는 속성으로 opacity가 있다.일반적으로 값을 아래와 같이 주면 된다.opacity:0 ---->완전 투명opacity:0.5 ---->반 투명하지만 낮은 익스8에서 인식이 안되는 문제가 발생한다. 이럴때는 filter속성을 사용하여 투명도를 적용한다.아래와 같이 적용하자-ms-filter:alpha(opacity=0); filter:alpha(opacity=0); 그렇다면 css를 작성할때 위의 2가지를 한번에 작성하여 투명도를 주면 된다. Colored By Color Scripter™1 2 3 4 5 6 7 8 9 @charset "utf-8"; /* CSS Code */ opacity:0; /* CSS3 에서 투명도 */ -ms-filter:alpha(opacity=0..

ⓒ 2014. (저작권) all rights reserved.(C) 2014. (저작권) all rights reserved.Copyright 2014. (저작권) all rights reserved.Copyright 2014. (저작권) All pictures cannot be copied without permission. (C),ⓒ,Copyright 는 한번만 쓰여야 한다. by 나 for 은 저작권 표시로 인정 되지 않습니다. Copyright 표시는 줄여서 ⓒ 라 쓰거나 (C) 라고도 쓴다.카피 라이트 표시를 한 후 반드시 날짜를 표기 해야 한다. 날짜를 표기 하지 않으면 법적 효력을 받을수 없다.Copyright 2014.그리고 내용을 표시 합니다. 저작권 표시의 핵심을 말씀 드리자면, 반드시..

zoom핵 테스트 파일 (익스플로러 버젼별 테스트 요망) float은 사전적 의미로 ‘뜨다, 띄우다, 뜨는 물건, 부유물’ 이라는 의미가 담겨져 있다. 여러가지 방법들이 많이 나와있지만 가장 핵심적인 내용으로 다뤄보도록 한다. 우선 부연 설명으로 ▷▶ float 를 가상 선택자 (:after)로 clear 하는 방법 가상선택자는 "가상 클래스" 와 "가상 엘리먼트" 로 구분할 수 있다. 가상 클래스 : 특정 엘리먼트에 대하여 아무런 class를 부여하지 않았지만 마치 역동적으로 class를 변경한것과 같은 효과를 낼 수 있는 것들로서 이미 존재하는 엘리먼트에 조합해서 사용할 수 있다 :link, :visited, :hover, :active, :focus 등... 가상 엘리먼트 : 존재하지 않는 엘리먼트..

Colored By Color Scripter™1234567891011121314151617181920212223 topmenu 에서 가로 100%인 bg를 나타낼때 쓰면 된다.기타 그밖에 내용은 수정하여 사용.

Colored By Color Scripter™12345678910111213141516171819202122232425262728293031/*①*/@font-face { font-family: 'NanumBarunGothic'; font-style: normal; src: url('./font/NanumBarunGothic.eot'); src: url('./font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('./font/NanumBarunGothic.woff') format('woff'), url('./font/NanumBarunGothic.ttf') format('truetype');} /*②*/@font-face { font-..

직관적으로 사용하면 된다. class의 변경의 경우 attr이라는 메소드를 호출해야 하며, $(this).attr('class','class_name'); 처럼 이용할 수 있다. class의 추가와 삭제 또한 돌직구 처럼~ $(this).addClass("class_name"); $(this).removeClass("class_name"); 처럼 사용하면 된다. css의 기본이 숙지되어 있다면, 변경과 추가,삭제는 어떻게 다른지 아실터... (변경은 말그대로 기존의 class를 버리고 교체.) (추가는 class="class_1 class_2" 와 같은 방식..추가,삭제!) 참고로 아직 쓸일이 없어서 사용해보지는 않았지만.... 클래스의 유무를 판단해주는 .hasClass(); //반환값으로는 true는..