개발 공부 일지/웹
구글 웹폰트, 주석 처리 알아보자!
- -
반응형
로그인 페이지를 꾸미기 위해서 폰트를 바꾸고 주석 처리에 대해서 알아보자!
구글 웹폰트 입히기
구글 웹폰트 링크: https://fonts.google.com/?subset=korean
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
위 링크를 클릭하여 방문 한 귀 마음에 드는 폰트를 선택하자.
세 가지 링크 중 세 번째 링크를 복사하기!
<head>
<meta charset="UTF-8">
<title>로그인 페이지</title>
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">head의 title 밑에 붙여 넣기!
CSS rules to specify families 내용도 복사하기!
<style>
* {
font-family: 'Black Han Sans', sans-serif;
}style 밑에 * { } 만들어 안에 복사한 내용 붙여 넣기!
* 이건 모든 태그에 먹이겠다는 뜻!
주석 달기
잠시 코드 제외시키는 경우나 입력한 코드의 설명을 넣고 싶을 때 주로 사용한다.
단축키는 Ctrl + / 맥은 command + / 주석을 지울 때도 같다.
font-family: 'Jua', sans-serif;/*font-family: 'Jua', sans-serif;*/위 내용처럼 주석 처리를 할 수 있다.
HTML, CSS, JavaScript마다 주석 표시가 다르다.
<!-- <h1>로그인 페이지</h1>-->
위처럼 어느 곳에 주석 처리를 하는가에 따라 다르게 나타난다.
반응형
'개발 공부 일지 > 웹' 카테고리의 다른 글
| 부트스트랩 활용하기 (0) | 2022.09.01 |
|---|---|
| bootstrap(부트스트랩) CSS 모음집 (0) | 2022.08.31 |
| 자주 쓰이는 CSS 연습해보기(2) (0) | 2022.08.31 |
| 자주 쓰이는 CSS 연습해보기(1) (0) | 2022.08.31 |
| CSS 기초 (0) | 2022.08.31 |
Contents
소중한 공감 감사합니다