전편에 float방식을 설명했기에
기본속성이 block인것이 뭐있는지를 알아두는게 좋을거같아
이것의 종류에 대해 적어두려고한다
[참고하면 좋을글]
2023.04.20 - [HTML/CSS] - 3. 개미는 머리 몸통 다리로 나뉜다 , DIV와 SPAN
3. 개미는 머리 몸통 다리로 나뉜다 , DIV와 SPAN
헤더영역 메인영역 푸터영역 브라우저의 한줄을 모두 차지한다 블록방식 한영역의 크기만큼만 차지 인라인방식 여기서 영역은 컨테이너라고 한다 div는 한줄을 주르르륵 차지하지만 span은 자기
nxx5xxx.tistory.com
block방식에는 기본적으로 <div> , <ul> , <li> , <dd> , <table> , <form> , <address> , <hr> , <h1~6>, <p>
[fhdhp adult 억지로 외워야하면 풀HD HP모니터를쓰는 어른 = 놀부 -이거 기억해낼시간에 인터넷에 검색하는게 빠르다]
등이 있다 더 추가할게 있을텐데 생각나면 추후에 기술하겠다
블록방식은 위에 참고글 3. 개미 능지처참 글처럼
영역에 뭔가를 쓰지않아도 기본적으로 한줄을 주루룩 차지하는 놀부새끼(width : 100% )가 블록방식이다
한줄을 다 차지하기때문에 다른 블록과 인라인방식이 좌우로 올수 없다
단 , 놀부는 욕심이 많아 다른블록과 인라인방식들은 자기안으로 감쌀수있고
다른 블록을 좌우로 오게하기 위해서는 float속성을 부여해서 옆으로 쌓게해야한다
inline방식에는 기본적으로 <span> ,<img> ,<input> ,<button> ,<br> ,<a> , <label> 등이 있다
[앞글자 따면 씨이빨 로 외울수있다]
inline방식은 마찬가지로 개미처참 글처럼
쓰고있는 영역만큼만 영역을 차지하는 흥부같은 아이다
흥부는 착하기때문에 다른 인라인 방식을 옆에 둘수도 있고 안에 품을수도 있지만
놀부와는 사이가 안좋아 블록(놀부)은 옆에 올 수 없고 안에 품을수도 없다
