preprocessor
프리프로세서는 문법과 컴파일러 두 가지로 이루어져 있다.
프리프로세서 = 지금 존재하는 문법보다 더 간단하고 쉬운 문법(문법) + 그 쉬운 문법을 해석하는 소프트웨어(컴파일러)
sass, less, stylus가 있다.
Stylus
Expressive, robust, feature-rich CSS language built for nodejs
stylus-lang.com
폰텔로
특정한 문자가 특정한 이미지로 사용되는 것.
Fontello - icon fonts generator
This site will not work if cookies are completely disabled. {"assets_hash":"e282f478ff36cef0fd98943c37b1f54b","page_data":{},"locale":"en-US","layout":"fontello.layout"}
fontello.com
이 사이트에서 마음에 드는 아이콘을 선택한 후 다운로드한다.
2가지로 사용할 수 있다.
1. 문자로(라인 23,24) 원본 문자 0xf0d2에서 맨 앞의 0을 제거하고 &#를 붙인다. + font-family를 fontello로 설정해줘야 한다.(라인7)
2. 이름으로(라인25) 그냥 i 태그의 class를 그 이름으로 설정해주면 된다.
'html + css + javascript' 카테고리의 다른 글
| [css] minify(코드 경량화) (0) | 2024.02.07 |
|---|---|
| [css] link, import (0) | 2024.02.07 |
| [css] transition (0) | 2024.02.07 |
| [css] transform (1) | 2024.02.07 |
| [css] blend (0) | 2024.02.07 |