CSS 기본 2

폰트 기본 스타일

font-color, text-color 가 아닌 그냥 color임

CSS 박스 모델

박스모델 : 웹 브라우저에서 HTMl Element를 구성할 때 각각의 요소가 차지하는 박스 공간을 정의 한 모델
= 모든 HTML 요소는 박스 형태로 되어있다

내용 = content
박스의 내부 여백 = padding
박스의 실제 외곽선 = border
박스 외부의 여백 = margin

기본값이 content-box이므로 시작할때 전체를 border-box로 주고 하는것도 좋음.

inline vs block

block : 블록요소를 여러개 연속으로 쌓을 경우, 자동으로 다음 줄으로 넘어감
좌/우 양쪽으로 늘어나 부모 요소의 너비를 가득 채움.

inline : 여러개의 요소를 연속해서 입력해도 자동으로 다음 줄로 넘어가지 않음. 태그에 할당된 동간 만큼의 너비만 차지함

display : inline | block

으로 인라인 - 블럭 요소를 변경할 수 있음.