padding 레이아웃, 여백의 비밀 값이 content-box인 경우 width, height 값을 적용할 때 padding과 border 값은 제외됨 (width, height 값을 설정하고 padding, border를 추가하면 그 값만큼 박스의 크기가 늘어남) 값이 bordder-box인 경우 width, height 값 안에 content 영역뿐만 아니라 padding, border 영역이 포함됨 뷰포트 기준으로 면적을... aspect ratio수직마진병합marginpaddingCSS종횡비유지box-sizingvwCSS CSS의 외부 여백(margin), 내부 여백(padding) 요소의 외부 여백(공간)을 지정하는 단축 속성, 음수를 사용할 수 있음. 서로를 밀어내는 값 기본값, 0 : 외부 여백 없음 auto : 브라우저가 여백을 계산. (가로,세로 너비가 있는 요소의 가운데 정렬에 활용) 단위 : px, em, vw , % 등 단위로 지정 단축 속성 margin : 10px; = top ,right, bottom, left margin : 10px 20px; = ... paddingmarginCSSCSS
레이아웃, 여백의 비밀 값이 content-box인 경우 width, height 값을 적용할 때 padding과 border 값은 제외됨 (width, height 값을 설정하고 padding, border를 추가하면 그 값만큼 박스의 크기가 늘어남) 값이 bordder-box인 경우 width, height 값 안에 content 영역뿐만 아니라 padding, border 영역이 포함됨 뷰포트 기준으로 면적을... aspect ratio수직마진병합marginpaddingCSS종횡비유지box-sizingvwCSS CSS의 외부 여백(margin), 내부 여백(padding) 요소의 외부 여백(공간)을 지정하는 단축 속성, 음수를 사용할 수 있음. 서로를 밀어내는 값 기본값, 0 : 외부 여백 없음 auto : 브라우저가 여백을 계산. (가로,세로 너비가 있는 요소의 가운데 정렬에 활용) 단위 : px, em, vw , % 등 단위로 지정 단축 속성 margin : 10px; = top ,right, bottom, left margin : 10px 20px; = ... paddingmarginCSSCSS