[코딩자율학습단10기]HTML+CSS+자바스크립트 7일차 p.170-241

1.font-family 글꼴 지정 글꼴명은 "명조";

fantasy: 화려한 글꼴

cursive:필기체 계열

2.font-size:14px;

3.font-weight : 굵기

font-weight: 100 최소 굵기

font-weight:900 //최대 굵기

4. text-align: 속성값(left, center중앙정렬, right,justify 텍스트를 양쪽 정렬

5.line-height: 텍스트 한줄의 높이를 지정

normal: 기본값 1.2

1.5 현재 font size의 1.5배

 

6. 마진: 가장 외부에 있는 영역

margin-top/bottom/left/right

margin: 10px(위아래) 20px;(왼오) 

7. content 영역

-box sizing <속성값 content box(content 영역으로 제한)/ border-box(border 영역으로 제한 100*100 가능)

-박스 모델의 성격

• 블록성격: 요소의 넓이가 콘텐츠 유무와 상관없이 무조건 가로 차지
• 인라인성격: a, span, strong 태그를 사용할때 수평공간이 남아있으면 한줄로 배치

8. background-size 

•  auto: 이미지 크기를 유지
• cover: 가로 세로 비율 유지 배경에 꽉 채움(아래 잘릴수 있음)
• contain:  배경 요소안에 들어가도록 크기를 확대 또는 축소함(모자란 부분 반복해서 넣음)