Sass

主要管理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;    }}

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章