박스 모델

텍스트와 테두리 간 여백 값 컨트롤.

 

e.g.

  <style>

      body{

        margin: 0;

      }

        #active{

          color:red;

        }

        .saw{

          color:gray;

        }

        a {

          color:black;  

          text-decoration:  none;

        }

        h1{

            font-size: 52px;

            text-align: center;

            border-bottom: 2px solid gray;

            margin: 0;

            padding: 20px;

        }

        ol{

          border-right: 2px solid gray;

          width: 100px;

          margin: 0;

          padding: 24px;

        }

    </style>

 

 

*보더, 폭(width,hight), 패딩, 마진 값들을 대략적으로 설정해준 후 개발자도구를 계속 살펴보며 수정해 주는 습관이 중요.