프론트엔드/CSS

프론트엔드/CSS

웹 폰트 적용

폰트 적용 방법 ex) Happy Monkey 폰트 글로벌 적용 app.css 최상단에 import 기술 @import url(""); app의 className에 css 적용 font-family: "Happy Monkey", cursive; 폰트 웹 사이트(무료) 참고 사이트 눈누 눈누 상업용 무료한글폰트 사이트 noonnu.cc Google Fonts Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com

프론트엔드/CSS

SCSS 정리

설치 npm install sass -g SCSS 설치 커멘드 npm show sass version SCSS 버전 확인 플러그인 SCSS에 작성을 하게 되면 자동으로 컴파일되어 css 파일 생성을 도와주는 기능 Live Sass Compiler style.css.map 소스맵(SourceMap) 파일 컴파일된 소스를 원본 소스로 매핑해 주는 역할 기능 및 특징 1. 중첩 before .header-grand-parent{ color : red; } .header-grand-parent .header-parent{ color : orange; } .header-grand-parent .header-parent .header-child{ color : blue; } after .header-grand-pa..

거북목을 가진 김기린
'프론트엔드/CSS' 카테고리의 글 목록