익명의 개발노트

[CSS] block, inline 요소 본문

프로그래밍/html, css

[CSS] block, inline 요소

캡틴.JS 2019. 6. 3. 15:24
반응형

block 요소는 한 줄을 다 차지하는 요소로써 옆에 다른 태그들이 올 수 없다.

 

종류 : <header>, <footer>, <p>, <li>, <table>, <div>, <h1> 등

 

block요소도 css에서 스타일을 주면 inline 요소처럼 사용할 수 있다.( display, float 등이 있다)

 

inline 요소는 block요소와 반대되는 요소로, 같은 inline 요소들끼리는 옆에 올 수 있다.

 

종류 : <span>, <a>, <img> 등

반응형

'프로그래밍 > html, css' 카테고리의 다른 글

[CSS] 웹폰트 적용방법  (0) 2019.06.05
[CSS] selector 표현하기  (0) 2019.06.03
[CSS] font-family, indent, box-sizing  (0) 2019.06.03
[CSS] z-index  (0) 2019.03.02
[CSS] 정렬방법  (0) 2019.03.02
Comments