CSS 철저히 연구 (2)

한. CSS 상자 모델

1.상자의 구조

margin-border-padding구조 + 내용 content 구성 상자 모델

주의 1. width, height 붙이는 것은 content 지역의 넓고 크다, 안 포함padding border margin,근데 상자 실제 차지하는 높이 포함해서 세 개 밖에 한다(padding border margin) 2. 지정 순서 시곗바늘 방향으로, 위에 (top) -> 오른쪽 (right) -> 다음 (bottom ->) 왼쪽(left)

----top(1)----->|
|               |
left(4)        right(2)
|               |
<---bottom(3)----
```
대입 한 값, 네 개의 값 다 이 같다

margin : 10px;` 대입 두 값 두 값 읊다 금당 좀 top right, 즉 전에 둘, 그리고,bottom = top , left = right 대입 세 가지 값 각각 대입 top right bottom 준 것도 바로 전에 세 개, 그리고 left = right 대입, 네 개의 값, 말할... 3. 각 브라우저 중 / html ```

글쓴이 지은 작성일 2014-06-29 17:10