sass 订阅
Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。Sass是一个将脚本解析成CSS的脚本语言,即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”,与Haml类似[3],使用缩进来区分代码块,并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”,使用和CSS一样的块语法,即使用大括号将不同的规则分开,使用分号将具体的样式分开。通常情况下,这两套语法通过.sass和.scss两个文件扩展名区分开。 展开全文
Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。Sass是一个将脚本解析成CSS的脚本语言,即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”,与Haml类似[3],使用缩进来区分代码块,并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”,使用和CSS一样的块语法,即使用大括号将不同的规则分开,使用分号将具体的样式分开。通常情况下,这两套语法通过.sass和.scss两个文件扩展名区分开。
信息
软件名称
Sass
中文名称
审计准则说明书
软件特点
层叠样式表
设计者
Hampton Catlin
全    称
Statements on Auditing Standards
开发者
Natalie Weizenbaum
发布机构
美国注册会计师协会(AICPA)
SASs准则说明书
SASs,Statements on Auditing Standards ,审计准则说明书。在美国公众公司会计监督委员会(PCAOB)成立之后,公众公司的审计应当遵循PCAOB颁布的审计准则,ASB的规定只适用于非公众公司审计。注册会计师在执行非公众公司审计时,应当充分了解审计准则说明书以判断其是否适用于所执行的审计,并且确定偏离审计准则说明书的情况。截止2010年7月,审计准则委员会共发布120项审计准则说明书。
收起全文
精华内容
下载资源
问答
  • SASS

    2020-08-22 16:10:05
    SASS 安装 ruby sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby 安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。 SASS安装 gem install sass gem install compass SASS转换...

    SASS

    安装

    ruby

    • sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby
    • 安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。

    SASS安装

    • gem install sass
    • gem install compass

    SASS转换CSS

    • 单文件 sass input.scss output.css
    • 多文件 sass --watch assets/sass:dist/sass

    sass和scss

    sass

    • Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能

    • 扩展名是.sass

    • 书写:

      • $color:red
        div
        :color $color
        span
        color: $color
      • 这两种写法都是可以的,但是注意不能使用{}和;
      • :color $color 指出该样式是这个元素的
      • color: $color 普通css写法

    scss

    • Scss 是 Sass 3 引入新的语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于Sass
    • 扩展名是.scss
    • 书写
      $color:red;
        div{
      color: $color;
      }
        span{
      color: $color;
    	  }
    
    • 贴近于CSS的写法

    Scss就是Sass的升级版

    sass的语法

    变量的声明

    • $color:red;
      $width:300;
      div{
      color: $color;
       width: $width+px;
      }
      span{
      color: $color;
      }
      

    选择器的嵌套

    • $color_1:red;
      $color_2:blue;
      div{
      span{color: $color_1}
      div{color: $color_2}
      }
      

    父选择器

     span{
      color: red;
      &:hover{
        color: blue;
    }
       }
    

    这里的&就是span自身这个选择器给它自己加了hover

    各种选择器的嵌套

    article {
        ~ article { border-top: 1px dashed #ccc }
      
        > section { background: #eee }
        > dl > {
        > dt { color: #333 }
        > dd { color: #555 }
      > }
        > nav + & { margin-top: 0 }
        > }
      
    

    属性嵌套

      nav {
      border: {
      style: solid;
      width: 1px;
      color: #ccc;
    }
      }
    
    • 这是嵌套了属性,border-style被拆分

    导入文件

    • $r:50px;
      div{
      width: $r;
      height: $r;
      border-radius: $r/2;
      }
      
    • 上面这个文件起名叫 a.scss

    • 在main.scss中如下写入

    • @import "a";
      div{
      span {color: red}
      & {@import "a";}
      }
      
    • 这里导入以后就会有把a中的定义内容导入
      如果写在标签中,那么导入的内容将会作为这个标签的后代元素样式进入

    混合器

    • 普通类型混合器
    $r:50px;
    @mixin divRadius{
      width: $r;
      height: $r;
      border-radius: $r/2;
    }
    
    div{
      @include divRadius;
    }
    
    • 这里的@mixin定义语句块,@include调用语句块

    • 传参混合器

      •  @mixin divRadius($r){
            width: $r;
            height: $r;
            border-radius: $r/2;
            }
        
        div{
          @include divRadius(50px);
          div{
            @include divRadius(25px)
          }
        }
        
    • 混合器传参的默认值

      •  @mixin divRadius($r:100px){
            width: $r;
            height: $r;
            border-radius: $r/2;
            }
        
        div{
          @include divRadius;
          div{
            @include divRadius(50px)
          }
        }
        

    继承

    • .div0
        {
        $r:100px;
        width: $r;
        height: $r;
        border-radius: $r/2;
        }
      
      div{
        div{
          @extend .div0;
        }
      }
      
    • 这里使用@extend 继承了类div0的样式

    展开全文
  • Sass

    2020-07-05 15:28:59
    vue集成sass

    1 案例 

    1.1 定义变量

    1.2 嵌套写法

     

     

     


    2 vue集成sass

    2.1 在项目中安装sass

    λ vue --version
    @vue/cli 4.3.1
    cnpm install node-sass --save-dev
    cnpm install sass-loader --save-dev
    "dependencies": {
      "core-js": "^3.6.4",
      "vue": "^2.6.11"
    },
    "devDependencies": {
      "node-sass": "^4.14.1",
      "sass-loader": "^8.0.2",
      "@vue/cli-plugin-babel": "~4.3.0",
      "@vue/cli-plugin-eslint": "~4.3.0",
      "@vue/cli-service": "~4.3.0",
      "babel-eslint": "^10.1.0",
      "eslint": "^6.7.2",
      "eslint-plugin-vue": "^6.2.2",
      "vue-template-compiler": "^2.6.11"
    }

    2.2 使用sass

    <template>
        <div>
            <div class="box">hello</div>
            <div class="box">world</div>
        </div>
    </template>
    <style lang="sass">
        $color: pink
        .box
            float: left
            width: 100px
            height: 100px
            margin-left: 20px
            text-align: center
            line-height: 100px
            border: 1px solid red
            background-color: $color
    </style>
    

     

    https://www.jianshu.com/p/f6af30ee21a2

    展开全文
  • sass

    千次阅读 2017-09-20 22:23:17
    Sass 是对 CSS 的扩展,让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能, 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好, 同时也让你能够快速开始小型项目,  ...

      Sass 是对 CSS 的扩展,让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能, 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好, 同时也让你能够快速开始小型项目,

      Sass 有两种语法。 第一种被称为 SCSS (Sassy CSS),是一个 CSS3 语法的扩充版本,这份参考资料使用的就是此语法。第二种比较老的语法成为缩排语法(或者就称为 “Sass”), 提供了一种更简洁的 CSS 书写方式。 它不使用花括号,而是通过缩排的方式来表达选择符的嵌套层级,而且也不使用分号,而是用换行符来分隔属性。

    github地址:https://github.com/San-Shui/sass
    clone远程仓库到本地:

    git clone https://github.com/San-Shui/sass.git

    进入gulp目录

    cd sass

    安装依赖

    yarn install 或者 npm install

    运行项目

    gulp

    运行之后会生成一个dist目录,dist目录下的文件是通过配置gulp自动生成。

    这里写图片描述

    修改src目录下的任何文件都会自动刷新网页

    这里写图片描述

    Sass基础—Sass语法:http://www.w3cplus.com/sassguide/syntax.html
    Sass基础—颜色函数: http://www.w3cplus.com/preprocessor/sass-color-function.html
    Sass基础—Sass函数:http://www.w3cplus.com/preprocessor/sass-other-function.html

    展开全文
  • 随着用Sass写作的人数比以往任何时候都要多,它需要考虑如何格式化它。 CSS样式指南很常见,因此也许我们可以扩展它们以涵盖Sass独特的选择。 这是我一直倾向于的一些想法。 也许它们对您有用或帮助您提出自己的...
    
    
    展开全文
  • dart-sass 和 node-sass 的区别

    万次阅读 2019-10-12 16:39:28
    根据sass-lang官方网站的说法: Dart SassSass的主要实现,这意味着它在其他实现之前先获得了新功能。它快速,易于安装,并且可以编译为纯JavaScript,从而可以轻松集成到现代Web开发工作流中。 如果您在Dart-...
  • 安装sasssass预处理器 npm install sass sass-loader
  • SASS - 使用Sass程序

    2019-10-05 04:03:41
    SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – 语法 SASS – 变量 SASS- 局部文件(Partial) SASS – 混合(Mixin) SASS – @extend(继承)指令 SASS – 操作符 SASS – 函数 SASS – 输出格式 现在...
  • 如果说css是钉子,那么less就是生产钉子机器,而sass则是全自动钉子生产线……如果你非要了解标准的定义,那么出门右转官方文档SASS安装请点击Window 系统下 Ruby安装 Sass安装 Compass安装编码风格 nested 嵌套缩进...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,726
精华内容 14,290
关键字:

sass