2. css 란 무엇일까요?

카테고리 없음

2. css 란 무엇일까요?

깡출깡충 2024. 6. 1. 01:03

목차
css 초기화 방법
HTML font 적용 전 css 링크 걸어주는 방법
폰트 다운받아서 css에 연결하는 방법
폰트 효과 입히기/ 표현법 알아보기

1. css 초기화 하는 방법

1) 파일 이름을 정해주세요.

2) @charset "utf-8"; 입력해준다.

3) *{} 입력해줍니다. => 전체 선택자를 뜻합니다.

3) margin: 0; 입력해줍니다. => 바깥여백을 뜻합니다.

4) padding: 0; 입력해줍니다. => 안쪽여백을 뜻합니다.

Tip. 저는 입력 코드가 많아지면 구분이 어려워질걸 대비해서 1~4번까지의 과정을 하기 전에
/* css 초기화 */를 적어줍니다!
Tip2. 파일 이름을 지어줄때는 현재 하고 있는 작업에 적합한 이름을 지어줘야 헷갈리지 않습니다!
/* */ 란 css의 주석을 뜻하며 전달하고자 하는 내용들을 적을때 사용합니다😊

2. HTML font 적용 전 css 링크 걸어주는 방법

1) !표 입력 후 엔터해서 페이지에 시작을 알려줍니다.

2) title에 현재 하고 있는 작업 제목을 지어줍니다.

3) 글씨에 스타일을 적용시켜 줄 css 링크를 연결해줍니다.
(예시) <link rel="stylesheet" href="./css/style3.css" />

3. 폰트 다운받아서 css에 연결하는 방법

1) 폰트 다운 받아 줄 사이트에 들어가줍니다.

2) 다운받은 폰트를 css에 연결해줍니다.

(예시) @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

3) body{} 입력 해준 후 font-family(폰트형식)도 연결해줍니다.

(예시) font-family: "Patrick Hand", 필기체;