style 속성
태그에 CSS를 적용하려면 style 이라는 속성을 사용한다.
<div style="...">
...
</div>CSS 코드를 추가할 때는 CSS 속성: CSS 속성값 형태로 적는다.
<div style="color: #272928">
...
</div>여러 개의 CSS 속성 사용하기
여러 개의 CSS 속성을 사용할 때는 세미콜론(;)으로 구분한다.
<div style="color: #272928; background-color: #eeeeee">
...
</div>CSS 기본 단위
픽셀(px)
화면에서 그려지는 가장 작은 정사각형을 말한다. 이 사각형을 크기의 단위로도 쓴다.
CSS 속성
배경색
background-color: #272928글자색
color: #ffffff글꼴
우선 적용할 글꼴 이름부터 차례대로 적어 주면 된다.
글꼴 이름이 띄어쓰기가 있는 경우엔 따옴표로 감싸 준다.
sans-serif 나 serif 를 사용하면 산 세리프나 세리프 타입의 글꼴을 웹 브라우저가 알아서 적용해 준다.
font-family: Poppins, 'Noto Sans KR', sans-serif글자 크기
font-size: 16px글자 굵기
100에서부터 900까지, 100 단위로 올라간다.
중간이 되는 font-weight 값은 400 이다.
font-weight: 400너비
width: 560px높이
height: 380px안쪽 여백
세로, 가로 10px 예시
padding: 10px세로 10px, 가로 20px 예시
padding: 10px 20px바깥 여백
세로, 가로 10px 예시
margin: 10px세로 10px, 가로 20px 예시
margin: 10px 20px세로 10px, 가로 자동(알아서 채워 넣기) 예시
margin: 10px auto참고: auto는 바깥 여백(margin)의 가로에서만 동작한다.
