Be a groovy man by positive thinking

간편정리 1. 위치 속성1) position - 위치 설정 + x 좌표 - left, y 좌표 - top - position: static ==> 기본값 순서대로 - position: absolute ==> 가장 가까운 상위 요소를 기준으로 위치가 결정 상위 요소가 없으면 위치는 body를 기준으로 설정 - position : relative ==> 상대적 위치 static의 위치부터 계산 - position:fixed ==> 화면을 기준으로 절대 위치 스크롤 되어도 위치 고정 2) z-index - 기본적으로 뒤에 입력한 태그가 앞면에 위치 - z-index 에 값을 주면 가장 큰 값이 앞면에 위치 - static 은 예외 3) overflow - 내부 요소가 상위 요소의 범위를 벗어날 경우 처리방식 ..

간편정리 1. background 태그1) background-image 속성 - 화면 배경이미지로 그림 넣기 - background-image : url('이미지경로'); - background-image : url('앞'), url('뒤');===> 중첩해서 이미지 넣기 2)background-size 속성 - 배경이미지 크기 - auto - contain - cover - inherit - initial 3) background-repeat 속성 - 배경이미지 패턴(반복) 지정 - repeat ==> 기본 반복 - no-repeat ==> 패턴 없음 - repeat-x ==> 가로 패턴 - repeat-y ==> 세로 패턴 4) background-attachment 속성 - 화면에 고정 하는 방식..

간략정리 1. table 태그 내부에 넣을 수 있는 태그 중 많이 쓰이는 태그 - tr표 내부의 행 태그 - th행 내부의 제목 셀 태그 - td행 내부의 일반 셀 태크 2. tr, td 태그의 속성 - colspan : 셀의 너비 지정 - rowspan : 셀의 높이 지정 3. img 태그 - src: 이미지 경로 지정 - alt: 이미지가 없을때 나오는 글자 지정 - width : 이미지의 너비 지정 - height : 이미지의 높이 지정 4. audio 태그 - src : 음악 파일의 경로 지정 - preload : 음악을 재생하기 전에 모두 불러올지 지정 - autoplay : 음악을 자동 재생할지를 지정 - loop : 음악을 반복할지 지정 - controls : 음악 재생 도구를 출력할지 지정..