CSS Position (학습 19일차 TIL)

210705 오늘은 중요한 개념인 Position에 대해 학습했다.

Today's tip's

• position: absolute로 콘텐츠를 띄우면, 본문에서 분리가 되어 부모가 쪼그라든다. 이 때 부모에게 높이를 지정해 준다.
• h1과 같이 고유속성이 있는 태그는 CSS로 건들지 말자.
• id(재사용성 어려움), 태그 선택자는 지양하자. class 적극 활용!!
• CSS에서 id로 스타일을 주는 것이 '안티패턴'으로 되어 있다.
• 디자인시 모바일은 텍스트 14pt이상으로 할 것.
• 디자인시 중요도에 따라 순서와 크기를 정한다.

Must Remember

• body는 기본적으로 relative 되어 있다.
• 자식의 z-index는 relative된 부모 z-index의 영향을 받는다.
• relative는 부모에 없어도 조상에 있으면 활용할 수 있다.
  (ex. left나 right만 움직여도 될 때)
• th는 기본값이 text-align: center;