반응형
CSS속성
표현 단위
px : 픽셀
% : 상대적 백분률
em : 요소의 글꼴 크기
rem : 루트 요소(html)의 글꼴 크기
vw : 뷰포트 가로 너비의 백분률
vh : 뷰포트 세로 너비의 백분률
margin : 요소의 외부 여백(공간)을 지정하는 단축 속성(0 : 외부 여백이 없음, auto : 브라우저가 여백을 계산), 음수를 사용할 수 있는 속성
-> 단축 속성 :1개의 값부터 최대 4개의 값까지 입력할 수 있다.
- 4개 입력 : margin 1px(상) 2px(우) 3px(하) 4px(좌)
- 3개 입력 : margin 1px(상) 2px(좌,우) 3px(하)
- 2개 입력 : margin 1px(상,하) 2px(좌,우)
- 1개 입력 : margin 1px(상,하,좌,우)
margin 개별 속성
margin-top
margin-bottom
margin-left
margin-right
padding : 요소의 내부 여백(공간)을 지정하는 단축 속성(0 : 내부 여백이 없음), %를 이용해서 부모 요소의 가로 너비에 대한 비율로 지정
단축 속성 :1개의 값부터 최대 4개의 값까지 입력할 수 있다.
- 4개 입력 : padding 1px(상) 2px(우) 3px(하) 4px(좌)
- 3개 입력 : padding 1px(상) 2px(좌,우) 3px(하)
- 2개 입력 : padding 1px(상,하) 2px(좌,우)
- 1개 입력 : padding 1px(상,하,좌,우)
padding 개별 속성
padding-top
padding-bottom
padding-left
padding-right