CSS 템플릿 코드 읽기

Question

저는 CSS가 처음이에요, 기본 ASP.NET MVC 4 프로젝트 템플릿과 함께 제공되는 코드를 읽으려고합니다. 어떤 코드가 페이지 상단을 가로 지르는 작은 검정색 막대를 생성하는지 파악할 수 없습니다. HTML 페이지에는 HTML 코드가 없으므로 페이지의 맨 위 섹션에서 여백이나 패딩을 찾을 수 없습니다.

CSS 코드 : http://textuploader.com/?p=6&id=8DdpK

레이아웃 정의하는 .cshtml 파일 : http://textuploader.com/?p=6&id=LCrA7

Answer 1

body의 border-top 페이지 상단의 검은 색 막대를 추가

html { 
    background-color: #e2e2e2; 
    margin: 0; 
    padding: 0; 
} 

body { 
    background-color: #fff; 
    border-top: solid 10px #000; /* <-- This adds the border to the top of the page */ 
    color: #333; 
    font-size: .85em; 
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; 
    margin: 0; 
    padding: 0; 
}