HTML / CSS

Semantic? 포스팅에 앞서 semantic이라는 단어의 의미부터 알아야 한다고 생각한다. > semantic adj. 의미의, 의미론적인 사전적 정의 그대로 semantic은 의미있는이라는 뜻, 그렇다면 Semantic Web과 Semantic Tags란 말 그

Position? > 웹 문서를 작성할 때 복잡한 레이아웃을 구성하기 위해 필요한 프로퍼티 Static static은 position의 기본값이다. 말 그대로 '정적인 상태'. 위치가 아직 지정된 것이 아니고, 다른 값으로 지정되어야 위치가 지정됐다고 할 수 있다

display 속성 display 프로퍼티를 설명하기 전에, display 속성 특징을 알아야한다. > block: 기본적으로 가로영역을 다 채우며, 해당 특징을 가진 태그 이후에 작성한 태그는 줄바꿈을 한 것 처럼 보임 div, p, h, li, ul, ol 등이

플렉스는 레이아웃을 배치할때 편리하게 이용할 수 있는 도구다사용법은 요소들을 묶어주는 틀에 플렉스를 적용해주면 된다플렉스는 기본적으로 가로로 정렬되는 것이 기본이다그래서 block line level 의 요소들도 inline 요소들처럼 한 줄로 정렬하게 된다!codep