Yunzz's 코딩정리

1) CSS 파일 내에 아래와 같은 코드 삽입/* CSS 파일 내에 삽입 */ [data-tooltip-text]:hover { position: relative; } [data-tooltip-text]:after { -webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; transition: bottom .3s ease-in-out, opacity .3s ease-in-out; background-color: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 0px 3px 1px rgba(5..

선택자 : 특정 요소들을 선택하여 스타일 적용 ① Tag 선택자 body { } ② Class 선택자 .name { } ③ Id 선택자 #title { } ④ 속성 선택자 input[type="text"] { } ⑤ 전체 선택자 * { ...... } ⑥ 하위 선택자 / 자식 선택자 하위선택자 : section ul { } - 부모 요소에 포함된 '모든' 하위 요소에 스타일 적용 (section 아래 모든 ul에 적용) 자식선택자 : section > ul { } - 부모의 바로 아래 자식 요소에만 스타일 적용 (section 바로 아래 ul에 적용)

Mouse Eventclick해당 요소 마우스 버튼 클릭 후 발생mousedown해당 요소 마우스 버튼 클릭 시 발생mouseup해당 요소 마우스 버튼 클릭 후 떼었을 때 발생dbclick해당 요소 마우스 버튼 더블 클릭 시 발생mousemove해당 요소 안에서 마우스 움직였을 때 발생mouseover해당 요소 밖에서 안으로 마우스 움직였을 때 발생mouseout해당 요소 안에서 밖으로 마우스 움직였을 때 발생mouseenter해당 요소 밖에서 안으로 마우스 움직였을 때 발생 (버블링 발생 x)mouseleave해당 요소 안에서 밖으로 마우스 움직였을 때 발생 (버블링 발생 x)contextmenu해당 요소 마우스 오른쪽 버튼 클릭 시 발생