CSS 구현

말줄임표 표시하기

SPI 사이트를 구현하던 중 헤더에 다양한 요소를 코딩으로 작성한 것과 실제 보이는 것의 순서를 다르게 해야 했다. 예전에 CSS 강의에서 order라는 속성을 배웠던 것이 떠올라서 MDN 문서를 찾아보았다.

기본 inline 속성인 태그에 width, height, margin 등을 주고자 block 속성은 부여하지만 배치는 가로로(inline) 하고 싶을 때ul 안에 있는 li들은 가로로 배치되어야 한다.a 태그는 기본 inline 태그이므로 width와 height를

float을 사용할 때 clear: both와 overflow: hidden을 사용하는 이유

한 줄 요약: a 태그에 display: block을 준다

이미지 설명 추가