Pseudo-elements (가상 요소) ::after ::first-letter ::placeholder ::before ::first-line ::selection ::backdrop ::grammar-error ::slotted() ::cue ::marker ::spelling-error ::cue-region ::part() 1. ::after 선택한 요소의 맨 마지막 자식으로 요소 하나를 생성합니다. 기본 값은 inline 입니다. hi 결과 ↓ 2. ::before 선택한 요소의 맨 앞 자식으로 요소 하나를 생성합니다. 기본 값은 inline 입니다. hi 결과 ↓

우선 구글 폰트 사이트로 이동 해줍니다 ~! 구글 폰트 사이트 주소 : https://fonts.google.com/ 그중 마음에 드시는 폰트를 선택 후 (저는 아래와 같이 Edu SA Beginner 폰트를 선택해 보았습니다!) Styles에 보시면 글자의 두께 별로 선택할 수 있는데 저는 400두께를 선택해서 진행 해보겠습니다 ! 그럼 아래 그림과 같이 오른쪽 부분 Selected Family부분에 선택한 글꼴에 대한 내용이 나오게 됩니다. 그럼 이제 구글 폰트를 적용 시켜 보겠습니다. 구글 폰트 적용 방법 2가지 1. 위의 사진에서 태그 드래그 후 HTML파일에 부분에 적용 시켜 줍니다. 적용할 텍스트의 style내용안에 구글 폰트 에서 제공해주는 font-family 내용을 복사하여 붙여 주어 적..