[HTML & CSS] 폰트, 주석, 파일분리

728x90

폰트적용하기

폰트 적용은 간단하다.

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

해당 사이트에서 원하는 폰트 들어가서

해당 부분을 복사해서

<head></head>안에 타이틀 아래에 넣어준다.

그리고

스타일 안에

* {

아래에 있는 CSS rules to specify families 코드를 넣어준다.

}

넣어주고 로컬파일을 크롬창에서 보면 글꼴이 바뀐 모습이다.

주석

주석은 컨트롤 / 만 같이 눌러주면 된다. 이하 생략

CSS 파일분리

CSS 코드창이 너무 길어졌을 때! 간단하게 할 수 있는 방법이 있다.

같은 프로젝트 파일안에 스타일시트 CSS 파일을 만들어준다.

mystyle.css 파일을 만들어주고 거기다가 <style></style>를 포함한 모든 코드를 잘라내어서 붙여준다.

그리고 head 안에

<link rel="stylesheet" type="text/css" href = "mystyle.css">

해당 코드를 넣어주면 원래 넣었던 것 처럼 인식할 수 있다.

728x90

Hunny's Dev Diary