Again HTML, CSS

HTML의 기본 개념과 Element 구조에 대해

사용자에게 보여지는 부분을 구성할 때 사용하는 Tag들에 대해

UI를 위한 Tag가 아니라, 웹 페이지의 Meta Data를 설정하기 위한 Tag에 관련한 포스팅입니다.

Meta tag는 웹 페이지의 metadata를 정의하여, HTTP 헤더를 설정할 수 있고 검색엔진에 노출되는 횟수를 증가시킬 수 있다.

Global Attributes 중 lang, tabindex 등에 관련한 내용입ㅂ니다.

CSS 등장 배경과, CSS Selector

하나의 엘리먼트는 여러 개의 css 선언에 영향을 받는 것이 보통이다. 그런데 하나만 선택하는 것이 아니라 종합하여 적용한다.

HTML의 여러 태그들은 태그의 성격에 따라서, "화면 전체 너비를 갖는 태그"와 "컨텐츠의 크기만큼 너비를 갖는 태그"로 나눠진다. 전자는 Block Level Element라고 하며, 후자는 Inline Level Element라고 한다.

각각의 태그들이 웹페이지에 표현될 때 그 태그의 부피감(여백 위치 크기)을 결정하는 것이 Box Model이다.

Margin Collapsing이 발생하는 사례에 대한 생활코딩 강좌에 대한 정리를 포스팅

컨테이너를 포지셔닝하는 방식들 중, 중요한 개념인 Position과 Float 그리고 Flexbox에 대해 알아보겠습니다.

Z-index가 제대로 동작하지 않는 이유는 Stacking Context를 고려하지 않았기 때문이다.

한 element가 위치할 때 담고 있는 블록이 바로 Containing Block이다.