tagcontentelementattribute<meta name="viewport" content="width=device-width">:디바이스의 가로 크기가 곧 웹 페이지의 가로와 같다는 의미. 모바일에서 웹사이트가 예쁘게 잘 보이려면 추가해야 하는 정보.
Semantic : study of meaning브리태니커 백과사전을 통해 semantic이라는 단어를 정의해보면 '의미론적'이라는 의미를 가진 study of meaning 이라고 한다.어려워보이지만, 간단히 생각하면 존재에 내포된 의미에 집중을 한다는 뜻이다.결국
link — link태그로 사용할 css파일을 링크href — href 속성에 css 파일 경로를 작성type — link태그로 연결되는 파일 설명. 여기서 css file을 연결하므로 type값은 항상 "text/css"rel — rel은 HTML file과 CSS
Position & Display Position {position: A;} 웹 페이지 안 요소들을 어떻게 배치할지를 결정하는 속성 static ← default value relative absolute fixed sticky Position: