HTML/CSS

행(ROW)과 열(COLUMN)로 구성된 2차원 데이터베이스 형태

✨ VSCODE Emmet

다시 새로운 맘으로다가 기초부터 정리해보려구 한다. 이 (컴퓨터) 세계를 깊게 알아보려고 하기 전부터 HTML은 알았지만 그냥 HTML인줄만 인식해왔으니, 이제 이해를 해볼 생각이다. 어차피 향후 국문보다 영어로 용어 사용이나 이해가 많이 필요할 것으로 생각되므로,

마크업언어로 작성된 문서를 표현하는 방법을 전해주는 언어(폭포처럼) 쏟아지는 형태로 부모 요소의 스타일 속성이 자식 요소에도 그대로 적용됨

Selector Universal Selector * 전체 페이지 적용 Element Selector h1, div, img, a... tag 별로 전체 적용 Id Selector #idvalue 지정한 id value에 선택 적용 하나의 id value는 동일

width 컨텐츠 영역 너비height 컨텐츠 영역 높이border-widthpx (일반적으로 불변하므로 주로 절대단위 사용) border-colorborder-stylenonehiddensolidbox-sizingborder-box 너비에 테두리 굵기를 포함 bor

rgba해당 요소의 배경 영역에만 적용 (텍스트 제외)opacity자손 요소까지 전체 영역에 적용static 위치 고정relative 문서의 흐름 안에서 현 위치 대비 상대적 위치 적용absolute 문서의 흐름에서 제외가까이 위치한 조상 or body tag를 기준으

정해진 컨테이너 범위 크기에 맞춰 내부 요소에 정해진 규칙에 따라 자동으로 공간으로 배분함display : flex ;main axis 주축cross axis 교차축주축의 배치 방법을 결정하는 속성row 좌->우 방향row-reverse 우->좌 방향column 상->

미디어 화면 크기에 따라 스타일 적용min-widthmax-widthorientationlandscape