font-family
=
바탕, 굴림, 돋움, 궁서
sans-serif, serif, cursive, fantasy, monospace
font-weight
= normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
: 100 - Thin ~ 900 - Heavy 로 이루어져있고, 폰트에서 지원하는 두께만을 표시한다. 400이 기본이고, 그것보다 작아지면 얇아지고 커지면 두꺼워진다.
: normal = 400, bold = 700, bolder와 lighter는 부모로부터 inherit된 값에 따라 달라진다.
: font-weight의 예
style="font-weight:normal"
style="font-weight:bold"
style="font-weight:bolder"
style="font-weight:lighter"
style="font-weight:100"
style="font-weight:200"
style="font-weight:300"
style="font-weight:400"
style="font-weight:500"
style="font-weight:600"
style="font-weight:700"
style="font-weight:800"
style="font-weight:900"
버튼 만들어보기
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
위 코드에 밑에 코드 추가.
<span class="navbar-toggler-icon"> My velog </span>
결과는 아래와 같다.
코드를 입력하세요
```<button> 버튼으로 만들 수 있는 텍스트 입력 </button>
button태그를 통해서 버튼을 만들 수 있고
<button class = 클래스명> </button>
을 통해서 css를 적용하거나 img를 넣을 수 있다.