CSS

🌱 자손, 자식 선택자 ✏️선택요소 parent div child div의 부모 선택자 child div parent div의 자식 선택자이자 div의 부모 선택자 div child의 자식 선택자이자 parent div의 자손 선택자임. 선택요소 > 빨간 pare

🌱 inline ✏️inline 요소 속성 한줄에 여러개 배치 기본 너비값은 콘텐츠 너비값 크기값을 가질 수 없음 상하 마진 가질 수 없음 inline 속성을 가지는 a 태그 사용 a 태그 > a태그는 inline 속성 네이버, 구글, 다음사이트가 한 줄에 여러

🌱 float ✏️float:left left: 요소가 컨테이너 왼쪽에 배치 block 속성을 가진 div 태그 사용 float > 부모선택자인 .parent에 높이값이 없으면 자식선택자 .child 높이값에 영향을 받음 여기서 float:left 를 주게되면?

🌱 Flex1 ✏️어떻게 사용하니 1. 플렉스 박스 쓸거다 > 요소들을 감싸고 있는 부모한테 주기 2. 가로 정렬> 세로 정렬 > flex 방향 설정시 Axis 형태가 달라짐 row 설정일 경우: 가로방향 main axis, cross axis(세로) colum

🌱 html/css ✏️ html ✏️ css animation-name ➪ 적용할 애니메이션 이름 animation-duration ➪ 애니메이션 지속시간 ms, s ➪ 애니메이션 지속시간 단위 animation-iteration-count ➪ 애니메이션 반복