요소가 화면에 출력되는 특성을 가진 글자와 상자를 알아보자
대표적으로 인라인(inline) 요소와 블록(block) 요소가 있다.
인라인(inline) 요소란?
글자를 만들기 위한 요소
인라인(inline)요소의 대표로는 span 태그가있다
<span>Hello</span>
<span>World!</span>
이처럼 html 에서 작성을 해보았고 실행 해본결과
위 처럼 문구가 나왔다 뭔가 2줄로 작성을 했지만 한줄로 나오며 한줄에 쓴것 처럼 자연스럽게 띄어쓰기 되어서 나왔다.
이유는 인라인 요소는 요소가 수평으로 쌓이기 때문이다
또다른 인라인 요소의 특징의 경우
1. 포함한 콘텐츠의 크기만큼 자동으로 크기가 조정이된다.
2. 1번의 이유와 비슷 하게 인라인 요소는 크기를 지정할수 없으며 위,아래의 여백을 지정할수 없다.
3.인라인 요소 내부에는 블록요소가 들어갈수없다.
크게 3가지 정도로 나올수있다.
