CSS 속성을 주문하는 방법?

Question

마진 속성을 다른 것들 위에 놓았을 때 작동하지 않았습니까? 그런 다음 바닥에 여백을두면 원하는대로 작동했습니다. 왜? 누구나 속성을 쓰는 순서를 알려주시겠습니까? 10px 여백에 의해 오버라이드 (override)됩니다 : 자동이 (위쪽 여백이 설정됩니다 CSS에서

header { 
    margin-top:10px;  
    width:80%; 
    height:46px; 
    margin: auto;  
    background-color:#fff; 
    box-shadow: 0 2px 6px green;   
} 

Answer 1

당신이 속성으로 설정 마지막 값은 중요한 문제 ... 당신이 게시 코드에서 여백 정상입니다 auto)

첫 번째 요소로 margin : auto를 이동하면 위쪽 여백에는 10 픽셀이 사용됩니다. marging-top : 10px!를 사용하여 값을 강제로 지정할 수도 있지만, 많이 사용하면 큰 어려움을 겪을 수 있습니다.

Answer 2

CSS 파서는 문서를 위에서 아래로 읽으므로 나중에 속성을 무시할 수 있습니다. 이것은 계단식 스타일 시트에 필수적이며 설명 된대로 in the specification입니다.

margin은 4 개의 여백을 모두 설정합니다. 당신은 즉, 당신의 CSS 문서의 하단에있는 대부분의 특정 일을 설정해야 할 무엇

margin: 10px auto auto auto;