display : flex display에 flex를 설정해 주면 코드의 자식 요소가 가로 정렬로 바뀌게 됩니다. 정확히 말하자면 수평된 주축을 기점으로 시작점에서 끝점 방향으로 자식 요소들이 정렬하게 됩니다. 여기서 flex를 설정해준 코드는 flex container, 설정해준 코드의 자식 요소는 flex items로 불립니다. - display : inline-flex inline-flex는 flex container를 block요소 처럼 세로로 쌓이는게 아닌 inline 요소의 특징처럼 가로로 쌓이게 만들 수 있습니다. display:flex와의 차이점은 이러한 정렬 요소가 있습니다. 💡 flex container가 inline 요소
background background 태그는 태그에 배경을 만들어 주는 태그입니다. 사용자에게 보여주긴 하지만 css이기 때문에 이미지의 의미가 리더기에 읽히지는 않습니다. 정리 내용 background-image는 태그에 이미지를 불러와 배경으로 넣어주는 코드입니다. url( )을 사용하여 이미지가 있는 경로를 불러와 출력합니다. > bacground-size는 background에 넣은 이미지의 사이즈를 조정해 줍니다. 이미지 사이즈는 태그의 width 값을 기준으로 크다면 이미지가 잘려서 보이고, 작다면 이미지가 반복되어 보이는 현상이 생깁니다. 속성 값은 단위를 사용하여 출력을 하거나 cover, contain이 있습니다. cover는