*웹을 만들때 레이 아웃을 먼저 만들어서 큰 틀 (공통분모!) 에서 상세 내용으로 만들어 간다
큰틀에 class , id 를 적정하게 중복을 주어 더 가편하게 만들수 있다. (코드량을 줄여줘야한다.)
<div class="box" id="content1">1</div> .box{ width:1200px; height:600px;} color: black;
<divclass="box" id="content2">2</div> #content1{ margin-top: 50px;}
<divclass="box" id="content3">3</div> #content2{ margin-top: 80px:}
<divclass="box"id="content4">4</div>
이런 식으로 같은 사이즈 container를 만들때는 clas이용하여 명령 한번 줘서 여러개에 container를 한번에 만들수 있다.
근데 이렇게 하려면 레이아웃에 나누기를 확실히 머리로 이해하고 작업해야겠다.
*margin을 줘서 이동하는 것보다 padding 값을 줘서 시작 시점을 정해주고 시작하는게 더 좋은 방법이다.
*앞으로는 상상해서 칠 수 있는 연습을 해줘야 한다.