오늘은 공간분할 태그에 대해 다뤄볼게요.
공간분할태그
div ★ : 화면에 보이진 않지만 가상의 공간을 쪼갤 때 가장 많이 사용되는 태그
p : 화면에 문단을 작성할 때 사용되는 공간
span : 문단 안에 특정 컨텐츠를 지칭할 때 사용하는 태그
tip.영역 마다 담당하는 역할이 다르며, 스타일 또한 각기 다름. 따라서 영역을 구분할 때는 id가 주로 사용된다.
display 속성
-
block : 한줄 전체의 크기를 할당 받는다. (p태그, h1태그)
-
inline : 내가 작성한 컨텐츠의 크기만큼 공간을 할당받는다. (span태그, a태그)
- 높이, 가로길이 수정이 불가능
-
none : 화면상에 숨길 때 사용하는 태그
- 화면상에 숨겨뒀다가 hover, click과 같은 이벤트가 발생 했을 때 디스플레이를 변경해서 보여줌
- 주의점 : 태그가 삭제되는 것은 아님, 화면 상에서 보이지 않을 뿐
promising