개발은 하는건가..

부모 div 가 아래와 같이 스타일이 적용되어 있어 브라우져 크기에 맞게 채워지는 가변 형태일때style="display:flex; flex-direction:column; height:100%;"스크롤 처리할 div 를 position:relative 로  감싼 후 그 안에 스크롤될 내용 영역 div 를 추가하여 내용을 작성하면 가변 크기의 div 임에도 내용이 영역을 초과할 경우 스크롤이 적용된다. 스크롤될 내용1 스크롤될 내용2 스크롤될 내용3 스크롤될 내용4 ...

테이블 에 onClick 이벤트와 안에 특정 버튼 element 에 onClick 이벤트가 설정되어 있을 때 버튼을 클릭하여 버튼의 onClick 핸들러가 실행되고 나서 또 의 onClick 이벤트 핸들러가 이중으로 실행된다. 이 때 아래와 같은 방법으로 버튼의 이벤트 핸들러에 코드를 추가하여 이벤트 중첩을 방지 할 수 있다. function onClickButton(evt) { evt = evnt || window.event; // 방법1 evt.stopPropagation(); // 방법2 evt.preventDefault(); evt.cancelBubble = true; // 대상 버튼에 에니메이션이나 툴팁 같은 효과가 적용됐을 경우 // 해당 UI 처리 관련 이벤트로 모두 중단되어 UI 상태가 이..

긴 문장의 메세지~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ table 안에서 동작 시 테이블의 style 에 table-layout: fixed ; 가 설정되어 있어야 한다.

텍스트 정렬 : text-center, text-left, text-right, text-nowrap, text-justify(좌우긑정렬) 텍스트 제목 크기 : h1 ~ h6 (숫자가 높을수록 작아짐) 텍스트 두께 : font-weight-bold, font-weight-light 텍스트 이텔릭 : font-italic 텍스트 대소문자 : text-uppercase, text-lowercase, text-capitalize(첫글자 대문자) 테이블 행 마우스 hover : table-hover 테이블 좁은폭 스타일 : table-condensed

레이어로 최상위에 존재하는 element 의 정렬 시 left 또는 top 을 50% 로 설정하고 magin 값으 - 마이너스로 element 크기의 1/2 로 지정하여 중앙에 위치하도록 한다. #divLayer { position:absolute; z-index:1; overflow:hidden; left:50%; top:10px; width:400px; margin-left:-200px; border-radius:6px; background-color:rgba(255, 255, 255, 0.8); }

copyright 와 같이 창크기가 변경되더라도 항상 하단에 위치해야 하는 경우 지정하는 스타일이다. bottom 이나 padding 속성으로 하단과의 여백을 조정하면 된다.

브라우저 크기가 변경되더라도 항상 꽉찬 배경 이미지 적용. 패턴으로 반복해서 채워지는 것이 아니므로 배경이미지의 크기가 1280 이상으로 하는 것이 좋다.