본문 바로가기

Web Layouts

CSS - <div> ,<span> 태그

<div> : 페이지에서 한 줄 전체의 영역을 차지한다. (블록 레벨 엘리먼트)

<span> : 페이지의 한 줄에서 정해진 영역만을 차지한다. (인라인 레벨 엘리먼트)

 

스스로 공부하는 CSS(Cascading Style Sheet)

Cascading  폭포의 의미 브라우저에서 html을 보여줄 때

누구꺼를 기준으로 하냐의 문제

 

창작자>브라우저>사용자에서 콘텐츠 창작자가 1순위

폭포처럼 위에서 아래로 쏟아진다고Cascading?

 

각설하고

무색무취의 태그 디자인 목적을 위해 어떤 의미도 없는 태그를 

사용해야 할 때 그때div가 당신의 화면에

dive한다.

 

divison의 약자 <div>

블록 레벨 엘리먼트(한 줄 전체를 잡아 먹음)

 

동일한 용도

<span>태그

but 인라인 엘리먼트(한 줄에서도 정해진 영역만 차지)

 

다시 정리하면

<div> : 페이지에서 한 줄 전체의 영역을 차지한다. (블록 레벨 엘리먼트)

<span> : 페이지의 한 줄에서 정해진 영역만을 차지한다. (인라인 레벨 엘리먼트)