1ncode 님의 블로그

수업을 하는 폴백! 폴백이라는 단어가 계속 쓰인다!폴백이란 무엇일까?! 폴백을 알아보자~! vv 폴백(fallback)이란?원래 의도한 기능이 동작하지 않을때! 대신 사용되는 예비옵션, 즉 대안을 말한다. [ 예시 01 ]font-family: 'Noto Sans', Arial, sans-serif; Noto Sans 로드 실패 >> Arial 사용! >> Arial도 없으면 >> OS 기본 sans-serif 사용 [ 예시 02 ]:root { --base-color: gray; --default-color: pink;}div {background: var(--base-color, var(--default-color, red));} var(--base-color) >> var..

웹접근성 텍스트 숨김 방법! sr-only 설정 하는 방법! vv /* 접근성 관련 CSS */.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; margin: -1px; padding: 0; border-width: 0; clip-path: inset(50%);} 1. position: absolute;요소를 화면 레이아웃 흐름에 빼서 보이지 않는 곳에 배치하기 위한 작업2. width: 1px; height: 1px;요소의 크기를 아주 작게(1px) 만들어서 화면에 거의 보이지 않도록 함3. overflow: hidden;요소 안의 내용이 밖으로 보이지 않도록 잘라냄..