김 양의 멋따라 개발따기

1. display 속성 display 속성은 요소를 블록과 인라인 요소 중 어느 쪽으로 처리할지와 함께, 플로우, 그리드, 플렉스처럼 자식요소를 배치할 때 사용할 레이아웃을 설정 요소의 내부와 외부 디스플레이 유형을 성정 2. 자주 사용되는 속성 값 none 요소를 렌더링 하지 않도록 설정 visibility 속성을 hidden으로 설정한 것과 비슷하지만 차이가 있음 display: none 레이아웃에 영역을 차지하지 X visibility: hidden 눈에 보이지는 않지만 웹 페이지의 레이아웃에는 존재함 block , , , , , 태그 가로 영역을 모두 채움 다음에 등장하는 태그는 줄바꿈 된 것처럼 보임 width, height 속성 지정 가능 block 요소 뒤에 등장하는 태그가 그 이전 blo..

1. background img 3총사 background-position: center; background-size: cover; background-image: 2. 박스 안 item 정렬 display: flex; align-items: center; justify-content: center; flex-direction: row; 3. 가로스크롤 display: flexbox; overflow-x: scroll; overflow-y: hidden; ::-webkit-scrollbar { display: none; }