01.박스모델
페이스북 카드 뉴스
박스모델 , 크기, 테두리 , 마진 , 패딩
내용 구성 : 내용/ 패딩 / 테두리 / 마진
모든 html은 내용을 포함한 박스이다
-크기
width , height // auto, %, px // max-width min-width , max-height , min- height
-테두리 border
border-width , border-color... border-radious
마진은 백그라운드 컬러 영향 안 받은 보더는 백그라운드 컬러 영향 받음
기타: vscode 기본설정 설정 browser(open live server) 설정 wrap(word wrap) // 줄바꿈 설정
02.위치 속성
-디스플레이
-포지션
-플로트
-정렬
fixed 하는 순간 블락도 인라인처럼 되버린다
display:table은 비추천하는 방식
position transform 같은걸 사용하자
----
CSS 고급
1.웹폰트