🔹inline element 와 block element
inline element : 하나의 태그가 브라우저에서 작성된 부분만 영역을 차지해서 다른 태그들이 양 옆에 나란히 위치할 수 있는 요소 ( 텍스트 레벨 요소라고도 함 )
block element : 하나의 태그가 브라우저에서 한 줄을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소
🔹inline 요소와 block 요소의 종류
💡주의점!
block 요소는 내부에 block 요소와 inline 요소를 포함 할 수 있으나, inline 요소는 내부에 block 요소를 포함할 수 없습니다.
* <h1~6>, <p>와 같은 특정 block 요소들은 inline 요소만 포함할 수 있으니 참고하라구
* inline 요소를 CSS로 블럭화해서 내부에 블럭 요소를 포함할 수 있으나 유효성에는 어긋나니 참고하라구!
🚩참고 사이트 : poiemaweb [ display 프로퍼티 ]
🚩참고 사이트 : 스마트디자인 서포터 cafe : inline 요소와 block 요소
'Programming > Html n CSS' 카테고리의 다른 글
| 기획할 때 CSS 스택 정하기 : BEM or Atomic CSS (0) | 2023.06.12 |
|---|---|
| [ TailwindCSS] CSS 프레임워크 Tailwind설치 방법 : : React + Vite + TypeSrcipt + TailwindCSS (0) | 2023.06.09 |
| [CSS] CSS 방법론들의 특징, 장단점 (feat. Styled-Component) (0) | 2023.04.18 |
| [ CSS ]📌 레이아웃 뿌셔뿌셔 ( "FLEX", GRID, FLOAT 😫) (0) | 2023.02.17 |
| HTML5 (Hyper Text Markup Language ) : tag 정리 (0) | 2022.10.19 |