[사전캠프 Day 4] 웹 개발 종합 기초

Google fonts 사용해서 원하는 폰트 스타일 입히기.

https://fonts.google.com/?preview.layout=grid

Browse Fonts - Google Fonts

 

 

html 내부 코드에 css 코드 작성할 때 style 태그 이용.

Google font에서 제공하는 @import ... 코드를 style 태그 안에 넣어주고, css에서 *는 모든 요소에 적용한다는 의미.

* {안에 구글 폰트에서 제공하는 font-family 코드} 이용해서 모든 font에 스타일 적용.

 

Bootstrap: 오픈 소스 프론트엔드 프레임워크로, 글자, 인용문, 표, 버튼, 이미지, 아이콘, 드로다운 메뉴, 네비게이션 바, 알림 메시지 등 웹페이지에서 많이 쓰이는 요소를 거의 내장하고 있음.

 

https://getbootstrap.com/docs/5.0/getting-started/introduction/

 

Bootstrap 관련 페이지에서 원하는 스타일 코드를 가져와 사용할 수 있음.

(강의 내용과 다른 font 스타일과 card를 사용)

 

bootstrap을 이용하니 확실히 스타일 작업이 편해진다....