가상 태그란?
html에 태그를 만들지 않고 스타일 표현을 위해 css에 추가하는 태그 영역을 말합니다.
모든 블럭요소 태그는 2개의 가상 태그를 가질 수 있습니다.
가상태그는 content 속성이 필요함
대부분 공간이 필요해서 가상 태그를 만들기 때문에 content: ""; 값을 공백으로 비워둠
가상태그는 인라인 요소의 성질을 가짐 (크기를 조절할 경우 block이나 inline-block으로 바꿔줘야함)
가상 태그 만드는 법
선택자::before{
content: "";
}
ex)
핑크색배너 자식들 마지막에 파란색 줄의 자식이 만들어짐
선택자::before
: 선택자의 첫번째 자식태그 영역에 만듦
선택자::after
: 선택자의 마지막 자식태그 영역에 만듦
ex) float 속성을 사용할 때 부모태그를 나타내기 위해 사용
