[css] 인라인, 블록 요소

인라인 요소의 경우, 블록 요소의 속성 값을 적용할 수 없기 때문에,

 

인라인 요소를 블록 요소처럼 사용하고 싶은 경우가 존재할 수 있다

 

 

참고로 css 선택자에서 

 

.box::before {

   content : "";

   display : block;

   width : 30px;

   background-color: royalblue;

}

 

같은 경우에는 

 

::after, ::before 는 인라인 요소이기에 display 속성 값을 block 으로 준다면 블록 요소처럼 사용할 수 있다

 

결론,

 

css 에서는 inline 요소와 block 구조에 대한 특징을 잘 알고 있어야 한다

 

대표적인 inline 요소는 span , a 태그이며

 

block 의 대표적인 요소는 div

 

태그를 잊지말자