主要管理CSS
sass写在.sass档案中,但透过"编译"的方式转成.css档案
=>在html上还是用.css的档名
格式:
Sass是一种程式语言,有两种写法:
1.SCSS(目前多数人用,且跟CSS写法相似)
2.SASS(比较像后端写法)
SCSS写法:(以大括号来区别)
第一层{ 第二层{ 第三层{} }}
header{ h1{} li{ a{} }}
SASS写法:(以两个空白键或一个TAB来区别,且样式分号后面一定要一个空白且不能有分号结尾)
menu font-size: 32px a color: blue
编译:
编译方式有三种:
-编译软体
-gulp、webpack前端任务/打包工具
-编辑器内建的功能
Sass官网: https://sass-lang.com/install 里面有提供两种方式
1.软体
2.Command Line
变数
$变数名称: 样式设定;
$font-lg: 36px;header{ h1{ font-size:$font-lg; }}