anchovy3

CSS 가운데정렬

작성일자 글쓴이 anchovy3

★margin: 0 auto;-width랑 같이 해줘야 가운데 정렬 적용됨. 가끔씩 익스8에서 안될 때가 있는데 그 땐 text-align:center도 같이 써준다. ★길이가 정해져있는 div 가운데 정렬-position:absolute; left:50%; top:50%; margin-left: -width/2 px; margin-top: -height/2 px;-margin-right를 하면 원래 마진이 없는 경우 안 먹힐 수도 있다. ★header나 input에서 수직가운데정렬시키는 방법. (verticla-align안먹힐 때)-line-height를 height와 같은 값을 준다.-두 더 읽기

CSS에 게시되었습니다

JavaScript 객체 이벤트 모음

작성일자 글쓴이 anchovy3

.focus()요소에서 포커스 되었을 경우.blur()요소에서 포커스를 잃어 버릴 경우 .click()마우스 클릭시.dblclick()마우스 더블클릭시 .mousedown()마우스 버튼을 누르는 순간.mouseup()마우스 버튼을 놓는 순간.hover()마우스가 요소 위에 위치할때 .mouseover()선택 요소에 마우스가 진입할 때. 자식요소에 들어가면 한번더 실행된다..mouseout()선택 요소에서 마우스가 벗어날때. 자식요소에서 나올 때 한번더 실행된다. .mouseenter()선택 영역에 마우스가 진입할때. 영역내에 한번만 실행한다..mouseleave()선택 요소에서 마우스가 벗어날때. 영역내에 한번만 더 읽기

CSS inline, block 요소

작성일자 글쓴이 anchovy3

★inline Tag에 마진주면 안 변한다. 높이도 넓이도 안 먹음. 패딩은 먹는다. ★<text-align>-블럭요소 속에 있는 요소들이 가운데로 간다. 인라인요소 속에 있는 태그에는 적용안됨. ★<vertical-align>-인라인요소들에게 적용된다. 블럭요소 태그에는 적용안됨.-vertical-align:sub; 테이블에서 가운데 정렬이 된다.-브라우저마다 달라서 가장 안쓰고 싶은 존재.

CSS에 게시되었습니다

JavaScript 반복문

작성일자 글쓴이 anchovy3

★ while (){}가장 간단한 반복문입니다. 괄호안이 참인 동안은 지속적으로 문장을 실행합니다. ★ for(초기식; 조건식; 종결식){} ★ for (var i in array)for in 반복문은 배열에서 더욱 쉽게 다룰 수 있게 합니다. ★ break 키워드 반복문을 벗어날 때 사용하는 키워드입니다. 코드가 간결해지기는 하나 많이 쓰지는 않습니다. 취소를 누르게 되면 불표현식이 true가 되므로 더 읽기