[CSS] CSS 기초
CSS 기초 지식 메모
· 가변단위
px와 같이 모든 문서에서 동일하게 작용하는 단위가 아니라 문서 설정에 따라 변하는 단위 반응형 웹사이트 구현 시 필수적으로 사용된다.
- % : 전체 사이즈 내 비율
- rem : Body의 폰트 크기
- em : 부모의 폰트 크기
- vw : 뷰포트 폭의 1%
- vh : 뷰포트 높이의 1%
*폰트 크기가 지정되어있지 않은 경우 Default는 16px *뷰포트 : 브라우저 내 실제 보이는 크기
· 단일콜론(:)과 이중콜론(::)의 차이점
- 단일콜론
:hover,:first-child등 해당 가상 선택자가 동적이거나 유동적이면서, 어떤 요소의 전체에 영향을 줄 때 사용. - 이중콜론
::first-letter,::before등 해당 가상 선택자가 정적이면서 어떤 요소의 일부분에 영향을 줄 때 사용