css 기초

1. 텍스트의 가운데 정렬을 하기 위한 속성은 무엇인가요? text-align: center;
2. 글자 색을 바꾸기 위한 속성은 무엇인가요? color: ~;
3. 배경 색을 바꾸기 위한 속성은 무엇인가요? background : ~;
4. background 속성과 background-color 속성은 어떻게 다른가요?
   background 전체적인 배경 설정
   background-color가 더 부분적이다 background 위에 덧?붙일 수 있다..?
   background is shorthand to combine many background tags into one line.
5. em의 의미는 무엇인가요?
   em 단위는 상위 요소(바로 윗줄의 코드) 크기의 몇 배인지로 크기를 정한다
   rem 단위는 문서의 최상위 요소, 즉 html 요소의 크기의 몇 배인지로 크기를 정한다

layout.css파일은 index.css파일과는 달리 HTML 태그를 배치하는 역할한다. 고로 같은 css 파일이어도 스타일을 바꾸는 것과 배치를 바꾸는 것이 나뉜다.

link 태그의 rel은 연결하고자하는 파일의 역할이나 특징을 나타낸다. CSS(Cascading Style Sheet)는 Style sheet이므로 rel속성에 stylesheet을 추가한다. href속성에는 파일의 위치를 추가해야 한다.

CSS를 별도의 파일로 분리하지 않고, HTML 태그에 직접 CSS 속성을 추가하는 방법도 있다. 그러나 하나에 집중하기 위해 파일이나 구간을 구분하는 관심사 분리 측면에서 권장하지 않는다. 관심사 분리를 여기에 적용하면 HTML 파일에서는 웹 페이지의 구조만 신경쓰고, CSS 파일에서는 디자인만 신경쓸 수 있도록 구현하는 걸 말한다.