scss和css区别

html-css07

scss和css区别,第1张

SCSS 之类的预处理器本身就是为了生成 CSS 而设计的。它的优势在于开发效率高。对于一些样式复杂的站点,用 SASS 之类的工具生成代码比手写 CSS 快得多。但是 SASS 不是为了取代 CSS 而生的,它是为了服务 CSS 而生。或者类比一下,机器不能直接执行 C,它执行的是编译后的机器码。浏览器也不能直接渲染 SCSS,它渲染的是编译出来的 CSS。不过 SCSS 与 CSS 的关系和@郑诚所说的「jquery永远不可能取代javascript」有一点区别。 jQuery 是一个 JavaScript 的库而非生成 JavaScript 的工具,它是用 JavaScript 开发出来的;而 CSS 是标记语言。CSS 的一些框架如 lessframework 或者 normalize,它们之于 CSS 的关系更像 jQuery 之于 JavaScript。

你应该先搞清楚什么是css,什么事SCSS?css与scss之间 的关系;

简单给你说就是scss是css的前身,scss通过编译后生成css,css可以直接在网页中使用,如果scss没有经过编译的话;网页中不能使用和识别的,除非你安装第三方插件支持

如:在D盘建立一个SASS文件夹,文件夹下有一个style.scss文件(scss,sass都行。sass文件对代码的排版有着非常严格的要求,而且没有大括号,没有分号。scss对代码的要求没那么高。)用下面的方法可以将sass或者scss转换为css文件。

首先输出 D: 代表找到D盘 ;

然后输出cd sass 代表找到sass文件夹,其中cd是一定要的;

最后输出 sass>sass --watch style.scss:style.css 在sass文件夹下将style.scss转换为style.css 。sass --watch代表一直监听着style.scss 只要在编辑器上更新了scss就会自动更新style.css 。