태그에 CSS를 적용하려면 style
이라는 속성을 사용한다.
<div style="CSS 속성 이름 : 속성 값">
여러 속성들을 넣어줄 때는 세미콜론(;)을 붙이고 계속 적어주면 된다.
background-color : 배경색
color : 글자색
font-family : 글꼴
font-size : 글자 크기
font-weight (100단위로 100~900) : 글자 굵기
text-align : 정렬 (left, right, center)
width : 너비
height : 높이
padding : 안쪽 여백
padding: 40px 20px
-> 세로, 가로 순서
margin : 바깥 여백
padding: 0 auto
-> 세로로는 여백 없음, 가로로는 알아서 여백 채움
font-family: Arial, AppleGothic, 돋움, sans-serif
-> Arial을 적용할 수 없는 경우에는 AppleGothic 적용, AppleGothic이 없는 경우에는 돋움 적용, 돋움이 없는 경우에는 sans-serif가 적용된다는 의미이다.
link 태그 : 외부에서 데이터를 가져오는 태그
사용법 : 구글 폰트에서 폰트 선택 후 link 태그를 복사해서 head 안에 붙여넣은 후 font-family에 적용해주면 된다.