CSS2 [CSS] 한글, 영어, 한자, 기호 CSS 개별 적용하기 1. :lang() - html 요소의 'lang' 속성에 지정된 언어를 기반으로 스타일 적용 - 모든 요소를 lang()에 설정된 언어로 인식 - 언어만 가능하기에 기호는 따로 설정 불가 2. unicode-range - 특정 Unicode 문자 범위에 대해 폰트를 정의할 때 사용 - @font-face 규칙 내에서만 사용 * 한글 가나다라마바사아자차카타파하 * 영어 abcdefghijklmnopqrstuvwxyz * 한자 一二三四五六七八九十 * 기호 !@#$%^&*() * 테스트 dfjskdf 가나다라 ❕참고) 자주 사용될 수 있는 unicode-range 종류기.. 2024. 7. 24. [Chrome] 개발자 도구 - 요소 상태 및 Class 활용 ● 요소 상태별 스타일 확인 - 요소 상태 전환 버튼(:hov) 클릭 - active, hover, focus, visited, focus-within, focus-visible, target 체크해보며 스타일 확인 (중복 선택 가능) - active : 요소가 활성화 된 상태 (ex : 버튼 클릭 했을 때) - hover : 요소 위에 마우스를 가져다 놓은 상태 - focus : 요소가 포커스 받았을 때. 주로 폼 요소에서 사용. 키보드 또는 다른 입력 장치를 통해 포커스 발생 - visited : 링크를 방문한 후에 해당 링크 요소에 적용. 이를 통해 방문한 링크와 아직 방문하지 않은 링크 구별 가능 - focus-within : 요소 내부의 자식 요소가 포커스 받았을 때 부모 요소에 적용 - foc.. 2023. 11. 28. 이전 1 다음 반응형
