HTML & CSS

HTML <태그>시멘틱 요소용도에 맞게 헷갈리지 않게 잘 사용하기!!

id와 class의 차이점반응형 웹디바이스 크기를 나누는 기준을 보통 px 로 정함상대 단위 : %, em, rem, ch, vw, vh …vw: viewport width1vw = 보이는 영역 너비의 1/100vh: viewport height1vh = 보이는 영역

와이어프레임(WireFrame) : 레이아웃의 뼈대를 그리는 단계레이아웃과 제품의 구조를 보여주는 용도Flexbox로 레이아웃 잡기display: flex부모 박스 요소에 적용해, 자식 박스의 방향과 크기를 결정하는 레이아웃 구성 방법flex-direction: 정렬