반응형 페이지 만들 때 css

1. div로 각각의 영역을 지정한다. 

 

2. width는 %로 지정하고, height의 경우 margin, padding으로 지정한다.

div로 다른 태그들을 감싸고 있다면 padding과 margin을 추가하기가 수월하다.

 

3. ul, li 태그의 경우 div태그 안에 넣는다.

ex)

<div>

<ul>

<li>

</li>

</ul>

</div>

단, li 태그의 경우 height가 원하는 대로 지정이 안될 때가 있다. 그 때는 li태그에 display:inline-block을 이용하여 높이를 지정하면 된다. 

 

4. display:inline-block은 유용한 속성이긴 하지만 남발하면 나중에 괴로워질수 있다.