[CSS] margin 기본 사용법, margin 중복(중첩)
margin 기본 사용법 1번- margin: 10px; 2번- margin: 10px 20px; 3번- margin: 10px 20px 30px; 4번- margin: 10px 20px 30px 40px; 1번 적용- margin: [위, 아래, 좌, 우]; 2번 적용- margin: [위, 아래], [좌, 우]; 3번 적용- margin: 위, [좌, 우], 아래; 4번 적용- margin: 위 우 아래 좌; 1번- margin: 10px; 2번- margin: 10px 20px; 3번- margin: 10px 20px 30px; 4번- margin: 10px 20px 30px 40px; 1번 적용- margin: [위, 아래, 좌, 우]; 2번 적용- margin: [위, 아래], [좌, 우]; 3..
2020. 10. 29.
[HTML] Block 요소와 Inline 요소, 그리고 Inline-block 요소
1. Block 요소 - 예) div, h1~6, p, form, section, article, aside 등 - 사용 가능한 최대 가로 너비를 사용한다 - 크기 지정 가능하다 (width: 100%; height:0; 으로 시작) - 수직으로 쌓인다 - margin, padding 위, 아래, 좌, 우 모두 사용 가능하다 - 레이아웃 용도로 쓰인다 - 단, display: inline; 을 사용하면 아래의 인라인처럼 사용 가능하다 2. Inline 요소 - 예) span, img, a, button, label, textarea 등 - 내용 만큼의 너비를 사용한다 - 크기 지정 불가능하다 (width: 0; height:0; 으로 시작) - 수평으로 쌓인다 - margin, padding 좌, 우만 ..
2020. 10. 25.