구글웹폰트 활용하기
아래 링크를 클릭하면 사용할 수 있는 웹폰트가 나온다.
원하는 폰트를 클릭하고 'select this style'을 선택하고 모음아이콘을 선택하면 내가 선택한 폰트 목록이 뜬다.
여기서 <link href~>태그는 <head></head>사이에,
해당하는 폰트의 CSS는 <style></style>사이 *{ 구글웹폰트CSS} 붙여준다.
https://fonts.google.com/?subset=korean
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
주석달기
사용하고 싶지 않은 태그를 숨겨둘 때, 또는 설명을 붙여둘 때
Ctrl + / 를 눌러 비활성화 시킨다. 다시 풀 때도 똑같이 누른다.
<input type="button"/>을 비활성화 시키면
*<>
CSS파일분리
<style></style> 부분이 너무 길어져 보기 힘들 때 스타일시트파일을 같은 폴더안에 생성하여
<style>안의 내용을 복사+붙여넣기한다.
<head>태그안에 아래 링크를 붙여넣기 하고, 스타일시트 파일이름을 넣어준다.
<link rel="stylesheet" type="text/css" href = "(css파일이름).css">
'💻 개발블로그 > 웹개발' 카테고리의 다른 글
| 1주차(4) 웹개발 강의: 자바스크립트(javascript) (0) | 2021.12.17 |
|---|---|
| 1주차(3) 웹개발 강의: 부트스트랩 (0) | 2021.12.16 |
| 1주차(1) 웹개발 강의: HTML, CSS (0) | 2021.12.16 |
| Ajax 팬명록에 온도 적용하기 (0) | 2021.12.14 |
| jQuery 연습(2-5) (0) | 2021.12.14 |