CSS 17.Display (Display and Visibility)

※ 엘리먼트를 화면에 노출시키거나 숨길 때, 또는 블럭레벨엘리먼트를 인라인레벨로 바꿀 때 display속성을 사용

h1.hidden {
    visibility: hidden;
}

h1.hidden {
    display: none;
}

CSS 표시 - 블록 및 인라인 요소

블록 요소는 사용 가능한 전체 폭을 차지, 그리고 앞뒤에 줄 바꿈이있는 요소이다.

블록 요소의 예 :

• <H1>
• <P>
• <Li>
• <DIV>

인라인 요소는 필요한만큼의 폭을 차지, 줄 바꿈을 강제하지 않습니다.

인라인 요소의 예 :

• <SPAN>
• <A>

li {
    display: inline;
}

span {
    display: block;
}