• 技术文章 >web前端 >前端问答

    sass和css3有什么区别

    长期闲置长期闲置2022-02-17 16:28:32原创195

    sass和css3的区别:1、sass是由buby语言编写的一款css预处理语言,不使用花括号和分号,而css3是css技术的升级版本,是使用花括号和分号的;2、sass浏览器不能直接识别解析,需要经过编译器编译,而css3可以识别。

    本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

    sass和css3有什么区别

    sass和css区别

    CSS 指层叠样式表 (Cascading Style Sheets)

    CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

    Sass (Syntactically Awesome StyleSheets),是由buby语言编写的一款css预处理语言,有严格的缩进风格,和css编写规范有着很大的出入,是不使用花括号和分号的。

    Sass 是一款强化 CSS 的辅助工具,是对 CSS 的扩展,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、继承(extend)、导入 (inline imports)等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目, 其后缀是.sass。

    css预处理器

    css预处理器是用一种专门的语言,进行网页的样式设计,之后在被编译为正常的css文件,以供项目使用。

    使用css预处理语言的好处:使css更加简洁、方便修改、可读性强、适应新强并且更易于代码的维护。

    总结:

    书写风格:

    // sass
    #sidebar
      width: 30%
      background-color: #faa
      
    // css
    #sidebar {
      width: 30%;
      background-color: #faa;
    }

    (学习视频分享:css视频教程

    以上就是sass和css3有什么区别的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:JavaScript属性节点是什么 下一篇:css3的translate3d用法是什么
    PHP编程就业班

    相关文章推荐

    • 深入了解css变量(整理总结)• 手把手带你使用纯CSS绘制一个中国结,并添加动画效果!• 一起聊聊postcss插件之自动转换px到rem• 深入浅析css中的层叠上下文• 浅析CSS中的5种设计模式,聊聊vue项目中CSS目录代码的作用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网