css작성시 많이 사용하는 것들입니다.



 



before : 주어진 엘리먼트 앞에 내용을 넣을수 있습니다.



after : 주어진 엘리먼트 뒤에 내용을 넣을수 있습니다.



 



특히 after는 상당히 유용하게 사용됩니다.



아래는 after를 사용 했을때, 안했을때 예제 입니다.



after를 사용해서 float:left를 해제 시키는 역할을 했다고 보시면 됩니다.

 

 

 

 



ex) after를 사용한 경우 



  

list에 after를 사용 했을경우 높이가 해당영역 만큼 잡혀서 의도한 대로 p 가 아래 배치가 됩니다.

>

>
>>>>>>>>>>>>>>>>