21.09.07. 1-7강 (폰트, 주석, CSS 나누기)

[폰트]

 

https://fonts.google.com/?subset=korean 

Google Fonts

 

<title>로그인페이지</title>
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Do+Hyeon&display=swap" rel="stylesheet">
<style>
* {
font-family: 'Do Hyeon', sans-serif;
}

 

 

<link href=""rel="stylesheet">

*{ } : 전체에 명령을 다 먹인다.

중괄호 안에 CSS rules to specify families 의 내용을 붙여넣기 한다.

 

 

 

 

 

[주석]

 

사람은 읽고 싶지만, 컴퓨터는 읽지 마! (메모용)

해당 부분 드래그, Ctrl + /

 

 

 

 

[CSS 나누기]

 

예를 들어, <style>태그가 너무 다양해져서 길어졌다고 가정해보자.

그럼 그 스타일 태그만 따로 css 파일을 나눠서 저장해두고

본문 html에 css파일 주소만 적어두면 된다.

 

<!-- style.css 파일을 같은 폴더에 만들고, head 태그에서 불러오기 -->

<link rel="stylesheet" type="text/css" href = "(css파일이름).css">