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

    2019-11-20 21:57:09
    Sass是css预处理器,成熟稳重的css扩展语言可以帮助我们减少css重复的代码,节省开发时间,他兼容所有版本的css Sass扩展了css3,增加了规则、变量、混入、选择器、继承、内置函数等 提供控制指令、自定义输出格式...

    Sass是css预处理器,成熟稳重的css扩展语言可以帮助我们减少css重复的代码,节省开发时间,他兼容所有版本的css

    Sass扩展了css3,增加了规则、变量、混入、选择器、继承、内置函数等

    提供控制指令、自定义输出格式、易于组织和维护。Sass文件后缀.scss.

    sass注意点如下:

    1. sass不支持花括号和分号的方式而stylus支持的语法要更多样性一点
    2. sass变量必须以$开头,然后使用冒号隔开这点跟css属性是一样的
    3. sass中如果有全局变量,局部变量都同名的话,局部变量会覆盖全局变量
    4. sass变量的作用域只能在当前的层级上有效果比如($myColor: red;

      h1 {
        $myColor: green;   // 只在 h1 里头有用,局部作用域
        color: $myColor;
      }

      p {
        color: $myColor;
      });h1的样式为他内部定义的green,p标签则为red;但如果使用!global全局变量p标签则为green;使用方法: $myColor: green !global;  // 全局作用域
    5. 全局变量我们一般定义在一个文件中然后使用@include来包含文件。

    sass变量用于存储一些信息,可以重发使用。

    Sass变量可以存储:字符串、数字、颜色值、布尔值、列表、null值

    sass变量使用$符号

    //定义变量值

    $bgcolor:red

    //使用变量

    boby{

                background-color:$bgcolor

    }

    Sass嵌套css规则

    在css中重复写选择器是非常麻烦的,如果要写一大串指向页面中同一块样式时,需要一遍又一遍的写id比如:

    #content article h1{color:red}

    #content article  p{margin-bottom:1px}

    在sass中就可以这样写,嵌套在里面,sass在输出css时会帮忙把这些嵌套规则处理好,避免你重复写比如:

    #content{

            article{

                         h1{color:red}

                         p{margin-bottom:1px}

    }

    article{

    }

    }

    大多情况下这种简单嵌套没问题,但是想要在嵌套的选择器里面应用一个类似于:hover的伪类不行由此提供了一个特殊结构&

    rticle a {
      color: blue;
      &:hover { color: red }
    }

     在ie中需要特殊编写:

    #content aside {
      color: red;
      body.ie & { color: green }
    }

     Sass@import

    @import指令可以让我们导入其他文件内容(为了减少css重复代码节省开发时间以及项目完整整洁易读性我们可以创建一些代码文件比如:变量定义、颜色、字体等文件)

    css@import指令在每次调用的时候都会创建一个额外的http请求,但sass@import指令将会把文件包含css中,不需要请求额外的http请求

    语法:@import font

    注:不需要指定文件后缀,sass会自动添加

    如果不希望将sass的代码文件编译到一个css文件,可以在文件名的开头加一个下划线,但是在导入语句中不需要添加。

    注:不能将带下划线与不带下划线同名的文件放在一个目录下,否则带下划线的文件会被忽略

    Sass @mixin与@include

    @mixin指令允许我们定义一个可以在整个样式表中重复使用

    @include 指令可以将混入(mixin)引入到文档中

    定义一个混入:

    @mixin imortant-text{

    color:red

    }

    .con{@include imortant-text;background-color: green;}

    转换成css代码:

    .con{color:red;background-color: green;

    }

    混入中也可以包含混入:

    @mixin meng{

    @include imortant-text;

    }

    向混入传递变量:混入可以接收参数,我们可以向混入传递变量,定义可以接收参数的混入;

    /*混入接收两个参数*/
    @mixin bordered($color,$width){
      border: $width solid $color;
    }
    /*调用混入*/
    .con{
      @include bordered(red,1px)
    }
    /*css 代码*/
    .con{
      border: 1px solid red;
    }
    /*给参数设置默认值*/
    @mixin bordered($color:red,$width:1px){
      border: $width solid $color;
    }

    可变参数可以用来创建盒子阴影实例如下:

    @mixin box-shadow($shadow...){
      -moz-box-shadow: $shadows;
      -webkit-box-shadow: $shadows;
      box-shadow: $shadows;
    }
    .shadows {
      @include box-shadow(0px 4px 5px #666, 2px 6px 10px #999);
    }
    /*css*/
    .shadows {
      -moz-box-shadow: 0px 4px 5px #666, 2px 6px 10px #999;
      -webkit-box-shadow: 0px 4px 5px #666, 2px 6px 10px #999;
      box-shadow: 0px 4px 5px #666, 2px 6px 10px #999;
    }

    Sass  @extend 与继承

    继承指令告诉Sass一个选择器的样式从另一个选择器继承.,这个函数很好的体现了代码的复用,避免重复代码的发生。

    示例:

    .button{
      border: 1px solid black;
      text-align: center;
    }
    .button-sub{
      @extend  .button;
      background-color: #F6E6E6;
    }

    Sass 函数

    Sass定义了各种类型的函数。这些函数我们可以通过css语句直接调用

    字符串相关、数字相关、list相关、map相关、选择器相关、Introspection相关、颜色相关

    用到了,自行百度吧!

     

     

    展开全文
  • 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

    2016-05-06 15:12:16
    SASS安装SASS是采用Ruby语言编写的,想要使用SASS就必须安装Ruby。 安装Ruby Ruby安装完成后,安装sass。sudo gem install sass 安装中可能出现的问题: gem install fails with openssl failure 使用在WebStorm中...

    SASS

    安装

    SASS是采用Ruby语言编写的,想要使用SASS就必须安装Ruby。

    1. 安装Ruby
    2. Ruby安装完成后,安装sass。sudo gem install sass

    安装中可能出现的问题:

    使用

    在WebStorm中创建后缀为.scss的样式文件,导入样式文件的后缀为.css

    <link rel="stylesheet" type="text/css" href="main.css">
    展开全文
  • 不推荐使用 不推荐使用该项目,因为不推荐使用 ... 使用gulp.src -ruby-sass而不是gulp.src来编译Sass文件。 const gulp = require ( 'gulp' ) ; const sass = require ( 'gulp-ruby-sass' ) ; gulp . task ( 'sass' ,
  • 安装sasssass预处理器 npm install sass sass-loader

    安装sass和sass预处理器

    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 嵌套缩进...
  • dart-sass 和 node-sass 的区别

    万次阅读 2019-10-12 16:39:28
    根据sass-lang官方网站的说法: Dart SassSass的主要实现,这意味着它在其他实现之前先获得了新功能。它快速,易于安装,并且可以编译为纯JavaScript,从而可以轻松集成到现代Web开发工作流中。 如果您在Dart-...
  • node-sass在npm安装的时候大概率的会安装出错,或下载时间过长,因此考虑用dart-sass来替换 1、如果安装了node-sass首先需要卸载 npm uninstall node-sass 2、安装dart-sass npm install sass sass-loader -D 3、...
  • Node Sass VS. Dart Sass 建议替换 Node Sass -> Dart Sass npm uninstall node-sass npm install sass -S -D node-sass 写法 .a { /deep/ { .b { color: red; } } } dart-sass 写法 .a { ::v-deep { ....
  • dart-sass与node-sass介绍

    千次阅读 2020-07-27 17:58:31
    dart-sass与node-sass sass 官方目前主力推dart-sass 最新的特性都会在这个上面先实现.。 sass-lang官方网站: https://sass-lang.com/dart-sass 相同 都是用来将sass编译成css的工具。 区别 node-sass 是用 node...
  • 编译sass

    2020-05-23 08:19:19
    文章目录命令行编译sassrubynode-sasswebpack+react+sass 命令行编译sass sass的运行环境有两种:ruby和node-sasssass以.scss为后缀。 ruby 安装ruby 测试是否安装成功 安装sass gem install sass(全局安装)...
  • Sass中文网:https://www.sass.hk/css2sass/
  • sass vue中使用sass

    2018-08-09 14:18:39
    sass在 vue中使用 1、先根据官网安装Ruby https://www.sass.hk/install/ 2、项目安装 npm install --save-dev sass-loader npm install --save-dev node-sass 3、项目中使用sass的配置 build下面的webpack....
  • Sass基础-Sass快速入门01

    千次阅读 2020-04-20 19:04:48
    文章目录一、什么是CSS预处器Sass背景介绍二、把Sass编译成css1、创建项目2、打开命令行工具,把这个sass文件编译成普通的css文件3、自动编译4、Sass编译方式nested 嵌套 (默认)compact 紧凑expanded 扩展...
  • SASS教程

    2019-10-05 04:03:31
    Sass是一种CSS扩展语言,它使CSS的编写变得更快更容易。本教程将帮你学习Sass的重点知识。 预备知识 具备html与CSS基本知识。 SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – 语法 SASS – 变量 SASS-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 40,486
精华内容 16,194
热门标签
关键字:

sass