MARGIN

CSS

13. 박스 속성 (2)

해당 내용은 "쉽고 빠르게 익히는 CSS3(제이슨 크랜포드 티그)"를 읽고 정리한 글입니다. 엘리먼트 마진 설정 body { margin : 0;} article { max-width : 980px; min-width : 660px; float : left; margin : 0 10px;} - 마진 병합 두 엘리먼트가 세로로 쌓여 있으면 두 엘리먼트 사이의 세로 마진을 계산할 때 위, 아래 마진을 단순히 합치는 게 아니라 더 큰 마진 값이 사용되고 작은 마진 값이 0이 된다. 이로써 쌓여 있는 엘리먼트가 많더라도 위, 아래 마진은 일관되게 유지된다. 엘리먼트의 외곽선 설정 외곽선은 보더를 감싸고 보더와 같은 값을 사용한다. 하지만 보더와 달리 외곽선은 박스의 실제 크기(너비, 높이)를 증가시키지 않고 화..

CSS

12. 박스 속성 (1)

해당 내용은 "쉽고 빠르게 익히는 CSS3(제이슨 크랜포드 티그)"를 읽고 정리한 글입니다. 엘리먼트 박스의 이해 엘리먼트는 HTML 문서의 일부이며 HTML 컨테이너 태그에 의해 설정된다. - 박스의 구성요소 HTML 엘리먼트에는 상단, 우측, 하단, 좌측(top, right, bottom, left)으로 네 면이 있다. 이러한 네 면은 엘리먼트 박스를 구성하고 이러한 박스에 CSS박스 속성을 적용할 수 있다. 박스의 각 면에는 다음과 같은 속성이 있다. (1) 콘텐츠 박스의 중신에 있는 콘텐츠는 페이지의 내용이기도 하다. 콘텐츠에는 사용 중인 모든 텍스트, 리스트,폼, 이미지 등이 있다. (2) 자식 엘리먼트 부모 엘리먼트에 포함된 엘리먼트는 고유 HTML태그에 의해 설정된다. 자식 엘리먼트는 보통 ..

ㅇㄱ9
'MARGIN' 태그의 글 목록