HTML, CSS/CSS (8) 썸네일형 리스트형 [CSS] Poistion static: 기본값 - top, left와 같은 위치 값을 주어도 변하지 않는다. relative: 원래 있던 자리가 기준이다. - 위치 값을 설정하면 원래 있던 자리를 기준으로 이동한다. absolute - 적용된 요소는 아무도 알아보지못한다.(붕뜬다) - 부모중에 반드시 기준이 있어야 한다.(없으면 body가 기준) fixed: 고정 [CSS] justify-content 기본값 flex-start: 요소들을 컨테이너의 왼쪽으로 정렬 flex-end: 요소들을 컨테이너의 오른쪽으로 정렬 [CSS] margin auto margin: auto 가로 중앙에 배치하겠다는 의미이다. 좌우 여백은 균등하게 배분된다. [CSS] 표의 테두리와 셀 테두리 사이의 간격 처리 border-collapse border-collapse collapse: 표의 테두리와 셀의 테두리 사이의 간격을 없앤다. 겹치는 부분은 한 줄로 나타낸다. [CSS] <li>태그 항목 모양 list-style 항목 표시하지 않기 list-style: none [CSS] 하이퍼링크 밑줄 제거 text-decoration: none text-decoration: none [CSS] Display display - none - block - inline - inline-block none 화면에서 사라짐 block width가 자신의 컨테이너의 100%가 되게끔 한다. 가로 한 줄을 다 차지하는 것 inline 컨텐츠를 딱 감쌀정도의 크기 [CSS] Position 종류 - static (기본값) - relatvie - absolute - fixed 포지셔닝 static이 아닌 다른 값으로 설정했을 때 설정가능 - top - left - bottom - right absolute 부모 엘리멘트 내부에 속박되지 않는다. 이전 1 다음