CSS32 [CSS 기본] 텍스트 관련 스타일 (1) font-family 글꼴 지정 - 시스템에 설치되어 있는 글꼴인 경우 지정한 글꼴이 적용된다. * [] 는 옵션 font-family: {글꼴 이름}[,{글꼴 이름},{글꼴 이름}] @font-face 웹 폰트 사용 - 사용자 시스템에 없는 글꼴이더라도 웹 문서를 통해 필요한 글꼴을 사용자 시스템에 다운로드한 후 표시하게 하기 위한 속성 [1] 구글 웹 폰트 사용 - 구글에서 제공하는 무료 웹 폰트를 import 해서 사용하는 방법 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com [2] 직접 웹 폰트 업로드 - .eot(Emb.. 2021. 11. 14. [CSS 기본] CSS 기본 정리 스타일 우선순위 1. 사용자 스타일 시트 2. 직접 만든 스타일 중 !important 가 적용된 스타일 3. 직접 만든 스타일 4. 기본 브라우저 스타일 시트 소스 상 순서 나중에 온 스타일이 먼저 온 스타일을 덮어쓴다. 브라우저 접두사 표준 규약이 아닌 속성들에 대해서는 브라우저에 따라 속성이름 앞에 접두사(prefix)를 붙여야 한다. 접두사 설명 -webkit- 웹키트 방식 브라우저용 ( 사파이, 크롬) -moz- 게코 방식 브라우저용( 모질라, 파이어폭스) -o- 오페라 브라우저 -ms- 마이프로소프트 인터넷 익스플로러 BUT, CSS 속성을 사용할 때마다 여러 브라우저 접두사를 붙여 사용하는 것은 번거롭기 때문에 '-prefix-free' 라는 js 파일을 이용하면 매번 접두사를 붙이지 않아도.. 2021. 11. 13. 이전 1 다음