웹개발 종합반 1주차 개발일지2

웹폰트 입히기, 주석, CSS의 파일을 분리해서 관리하는 법을 학습했다.

구글웹폰트: https://fonts.google.com/?subset=korean 

Google Fonts

마음에 드는 폰트를 선택하고 안내해주는 링크와 font-family를 아래처럼 적용한다.

<!-- HTML에 이 부분을 추가하고 -->
<link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">

/* CSS에 이 부분을 추가하면 완성! */
* {
	font-family: 'Jua', sans-serif;
}

주석을 왜 사용할까?

코드를 임시로 작동하지 못하게 하고 싶을 때 사용하고 사용하는 코드의 설명을 붙여 유지보수가 좋게 만들기 위해 사용한다. ctrl + /를 하면 주석처리가 된다.

 

CSS파일의 분리

<style></style> 사이에 CSS를 작성하고 있었는데 CSS길이 매우 길어지면 보기가 힘들어진다 그래서 css파일이름.css와 같은 형태의 css파일을 만든 후 링크로 불러오면 적용이 된다!

<!-- style.css 파일을 같은 폴더에 만들고, head 태그에서 불러오기 -->
<link rel="stylesheet" type="text/css" href = "(css파일이름).css">