play_

- 멋쟁이사자처럼 프론트엔드 수업 내용 참조- [ color 색상 ] - 폰트 색상 나타냄 - font- 가 붙지 않으니 유의하자 - 키워드(red, blue) HEX(#+16진수 표기법), rgb(), rgba(), hsl(), hsla()등 다양한 방법으로 표기할 수 있습니다. - 보통 HEX을 많이 사용하며, 투명 값을 위해 rgba도 많이 사용합니다. - transparent 는 투명한 색을 의미합니다. !! 저시력 시각 장애(시력 저하, 색약, 색맹)를 위해 폰트의 색상과 배경의 명도 대비도 중요하다!! 최소한 4:5:1 - 개발자도구에서 명도대비 확인 가능 [폰트적용 방법] - link 를 더 권장함 - 한 페이지에서 폰트 3개 이상 쓰지 않도록 하자 (폰트가 많아지면 복잡한 페이지가 되고 무..

여백 같은 줄 바꿈은 CSS 스타일로 적용하기 (스타일 적인 요소들은 무조건 CSS 사용하기) [br] 태그 사용 권장하지 않음 [화면에 따른 줄 바꿈 처리] 1. span 태그와 CSS display 속성을 사용 2. wbr 태그 사용하기 [wbr] - 실무에서 많이 사용되지는 않음 - 영어일 때는 속성이 필요없음 - 한글일 때는 word-break: keep-all; 을 써줘야함 wbr이 먹는다. - 한국과 영어가 다름 - pc는 한줄로 나오고 모바일에서는 줄바꿈이 되어야한다. [code] 노션이나 블로그에서 'push()' 이렇게 하면 코드로 뜬다. - 짧은 코드 조각(한 줄)을 나타낼 때 사용 - 웹 접근성을 위해서 사용 push()로 적으면 텍스트로 알고 그냥 읽어버릴 수도 있음 code로 처리..