CSS 실습 - 2023. 04. 13 [DAY 3]

> 오늘 뭘 배웠는가?

CSS를 사용하여 스타일을 지정해주는 실습을 했다. 무엇보다 header, nav, main, aside, footer로 영역을 구분할 수 있는 점이 보기 편했다.

> 영역 구분

header는 최상단에 기재하는 내용들, nav는 목차나 색인같은 것들, main은 말그대로 메인 컨텐츠에 사용, aside는 측면 영역에 사용하며, footer는 가장 하단 영역으로 사용한다. 이처럼 각 영역마다 구분이 가능하다. 이는 div와 똑같다. 잘 구분한다면 아래 이미지처럼 사용 가능하다!

> 스타일에 대하여

<link rel="stylesheet" href="index.css" /> 

CSS를 연결하는 방법은 위처럼 개별 css파일을 외부 파일로 만들어 연동하는 방식과 <style> 에서 적용하는 내부 스타일, 같은 줄에서 적용하는 인라인 스타일이 있다. 가급적으로 외부 스타일을 사용하라고 교육받았다.

 

아래는 id와 class의 차이를 나타내는 표이다.

#으로 선택	.으로 선택
한 문서에 단 하나의 요소에만 적용	동일한 값을 갖는 요소 많음
특정 요소에 이름을 붙이는 데 사용	스타일의 분류(classification)에 사용

> 오늘의 결과물

아래는 오늘 배운 내용으로 만든 내 페이지이다. 아직 미완성이라 일부만 캡처하였다.