12_블록 요소와 인라인 요소 (block,inline) [HTML]

블록(block) 요소와 인라인(inline) 요소 블록요소의 예 : div, h1, p - 사용 가능한 최대 가로 너비를 사용한다 - 크기를 지정할 수 있다 인라인 요소의 예 : span, img - 필요한 만큼의 가로 너비를 사용한다 - 크기를 지정할 수 없다 아래처럼 HTML 파일에 DIV, SPAN TAG를 넣는다 그리고 CSS 파일에서 두 TAG를 조정 해준다. CSS에서 DIV, SPAN에 아래의 코드를 추가해보면 인라인 요소는 크기가 변하지 않음을 알 수 있다 블록 요소의 특징 - width:100%; height:0; 으로 시작한다 높이는 포함하고 있는 요소의 높이만큼 만들어지게 된다 - 수직으로 쌓인다 - margin, padding 위 아래 좌 우 여백을 온전히 사용할 수 있다 인라인 요소의 특..........

원문링크 : 12_블록 요소와 인라인 요소 (block,inline) [HTML]