Overflow

제이쿼리 - 마우스 관련 이벤트, css 속성

제이쿼리 - 마우스 관련 이벤트 mouseenter - 마우스 커서가 특정 부분에 올라간 상태 mouseleave - 마우스 커서가 특정 부분을 벗어난 상태 hover - 커서가 올라갔다가 벗어난 상태 - mouseenter + mouseleave css 속성 overflow - 요소 내에 컨텐츠가 초과하는 것을 설정 - 종류 : auto, visible, hidden, scroll transform - translate : x축과 y축으로 지정한 값만큼 이동 translate(x, y) - scale : 요소의 크기를 변경 scale(좌우, 상하) - rotate : 요소를 회전 rotate(회전) - skew : 요소를 왜곡시킴 skew(x, y)

Wep developer 부트캠프 (2022-05-14)

CSS 정리 display : flex; (flex-direction : row;) 기본 방향이 가로로 설정 되어 있어 실행할 경우 각 요소들이 행방향으로 정렬됨 overflow : hidden; 넘치는 부분을 잘라서 보여지지 않게 만듦 object-fit : cover; 이미지를 사용 가능한 공간에 맞춰줌 flex-direction : column; 컨테이너 블록 개체 내에 있는 요소들을 열 방향으로 정렬 grid-template-columns : 1fr 1fr; 전체 너비를 기준으로 반으로 나눠 2열로 정렬됨 gap : (세로) (가로); 설정한 값만큼 서로 다른 요소가 멀어지게 됨 li:first-of-type { // 부모요소 ul 안에 있는 li 중에 첫번째 요소를 선택 } li:nth-of-t..