SASS 정의
0. SASS (Syntactically Awesome Style Sheets)
1. CSS pre-processor (전처리기) 일종임.
2. CSS 반복을 줄여, 시간 절약 가능. (= CSS 유지보수 용이)
ps. SASS 공식 사이트
https://sass-lang.com/guide
SASS 예제
[style.scss]
/* 변수명/변수값 정의 */
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;
/* 변수 사용 */
body {
background-color: $bgcolor;
color: $textcolor;
font-size: $fontsize;
}
[style.css]
body {
background-color: lightblue;
color: darkblue;
font-size: 18px;
}
[index.html]
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="style.css">
<body>
<h1>홈짱닷컴</h1>
<p>Homzzang.com</p>
</body>
</html>
PS.
Sass String 함수들
Sass Numeric 함수들
Sass List 함수들
Sass Map 함수들
Sass Selector 함수들
Sass Introspection 함수들
Sass Color 함수들
최신댓글