CSS : display

body{
    font-family: fantasy;
}

div{
    display: block;
}

span{
    display : inline;
    display: inline-block;
    display: none;
}

display가 block인 경우

• div
• section
• article
• nav

display inline인 경우

• span
• img
• a

여기서 만약에 inline을 block을 주고 싶으면 display : inline-block이라고 한다.

여기서 만약에 안 보이게 하고 싶다면, display : none; 하면 된다.

 

display block : div nav section을 써야하는 이유

나중에 모바일에서도 비슷하게 보이려면, 창을 줄이더라도 css가 뭉게지면 안된다.

따라서 block 형태로 쌓아줘야 css가 모바일이나 창을 줄이더라도 그 형태가 유지가 된다.