스타일을 사용하는 이유
HTML로는 웹 사이트의 내용을 나열하고 CSS로는 웹 문서의 디자인을 구성
🡪 스타일을 사용하면 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있다
웹폰트 사용하기
https://fonts.google.com/ 로 접속
한글 폰트 검색
Link 항목에 있는 소스 복사 & 글꼴 이름 기억
웹 문서의 <style> 태그 안에 붙여넣음
font-family 속성에서 웹 폰트 글꼴 이름 사용
폰트 패밀리 (중요)
폰트사이즈
크기는 왠만해서는 픽셀단위
폰트
구글폰트를 쓰는데 구글폰트를 검색해서 들어가서 쓰면 된다.
Noto sans Korean이 가장 많이 쓰는 폰트이다.
원하는 폰트를 들어가서 밑으로 내려가 크기를 정하면 된다.
보통 굵기는 400~700정도이다. 가장 많이 쓰이는게 400
선택후 import를 체크해서 코드를 카피한다.
그 후 vsc에 가장 위에 복사붙여넣기를한다.
두 가지 폰트를 셀렉하고 위처럼 각자 설정할수도잇다.
폰트 색깔 정하기
color: #숫자를 해서 나온 색깔위에 마우스를 올리면 색깔을 정할수 있다.
또한 rgba를 줘서 빨간 그린 파랑을 줄수 있지만 위에 방법이 더욱 많이 사용됩니다.
(구글에 색 조합을 검색해서 하는 방법도 있습니다.)
letter은 글자마다의 간격 word는 단어 사이마다의 간격이다.
목록
목록은 ol, ul만 기억하면된다.
레이아웃 **** (제일 중요합니다.)
https://drive.google.com/file/d/1e74iWbBtIqPPkA9mtNmvmgZFi5YNx89h/view
08.pptx
drive.google.com
마진->보더->패딩->순으로 한다.