本教程操作环境: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是css预处理语言,编译后生成css;
sass不使用花括号和分号,使用缩进,css使用花括号和分号;
sass支持嵌套、继承等高级功能,css不支持;
sass更加优雅,维护更加方便;
sass浏览器不能直接识别解析,需要经过编译器编译;
sass的文件后缀名是.sass,css文件的后缀名是.css。
书写风格:
// sass#sidebar width: 30% background-color: #faa // css#sidebar { width: 30%; background-color: #faa;}
(学习视频分享:css视频教程)
以上就是sass和css3有什么区别的详细内容。
