Sass的简单使用

来源:互联网 发布:主域名服务器怎么填 编辑:程序博客网 时间:2024/06/02 02:20

sass的简单使用

为了查看sass效果,新建一个html页面 ,并使用sass添加背景色

1,新建sass.html

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <link rel="stylesheet" href="style/a.css"></head><body></body></html>

2,sass文件 : common.scss

@charset "utf-8";$bgc : yellowgreen;body{  background-color : $bgc;}

3,重新编译.scss文件为a.css

Brave:~ Brave$ cd /Users/Brave/WebstormProjects/Sass/2017-01-17/styleBrave:style Brave$ sass common.scss a.css

4,编译后的.css文件

@charset "utf-8";body{  background-color: yellowgreen;}

5,运行查看页面显示:

运行查看页面显示

0 0
原创粉丝点击