css预编程是什么
css预编译是指通过能读取文件的语言编写的插件把文件解析成css文件,因为它们的文件名都不是css,写法也不是纯css,而是无法被浏览器识别的,所以写完需要编译一下才能使用,这便是css预编译。
sass,2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架,目前受LESS影响,已经进化到了全面兼容CSS的SCSS(SCSS 需要使用分号和花括号而不是换行和缩进)
vscode如何编写css文件
在 VS Code 中编写 CSS 文件有两种方法:
1. 使用内置的文本编辑器
1. 打开 VS Code。
2. 在左侧导航栏中单击“资源管理器”,此时将显示项目文件夹。
3. 在项目文件夹中,找到您要编写 CSS 的文件。
4. 单击该文件打开编辑器。
5. 在文本编辑器中编写 CSS 代码。
2. 使用插件
1. 打开 VS Code。
2. 在左侧导航栏中单击“扩展”,此时将显示可用的插件列表。
3. 在搜索栏中输入“CSS”或“CSS编辑器”等相关关键字,浏览并选择一个适合您的插件。
4. 单击“安装”并等待安装完成。
5. 在左侧导航栏中单击“资源管理器”,此时将显示项目文件夹。
6. 在项目文件夹中,找到您要编写 CSS 的文件。
7. 单击该文件打开编辑器。
8. 利用安装的插件编写 CSS 代码。
无论您使用哪种方法进行编写,都可以通过保存文件后将 CSS 应用到您的网页中。
什么是CSS预处理器与后处理器
预处理器就是编译css,以前css都是静态的,要写两个class就得写两个class,现在可以加入变量。预处理器会对变量做处理。后处理器就是对css加入一些扩展,增强css的兼容性。
sass预编译原理
Sass是一种CSS预处理器,它可以让开发者使用类似编程语言的方式来编写CSS代码。Sass通过一系列的预编译过程将Sass代码转换为浏览器可读的CSS代码。其预编译原理主要包括以下几个步骤:
1. 读取Sass文件:Sass会读取开发者编写的Sass文件,这些文件通常以“.scss”或“.sass”为扩展名。
2. 解析Sass文件:Sass会将Sass文件解析为抽象语法树(AST)。
3. 转换AST:Sass会将AST转换为CSS规则。
4. 输出CSS文件:Sass会将CSS规则输出为CSS文件,这些文件通常以“.css”为扩展名。
在这个过程中,Sass还支持一些高级特性,比如变量、函数、嵌套规则等,这些特性可以让开发者更加方便地编写和维护CSS代码。
sass是一个css的预编译程序, 是基于 ruby 的 2 先要去安装 ruby 3 在命令行中, 执行以下两句代码(安装sass的), 连网操作的
gem install sass gem install compass
sass安装的文档 https://www.sass.hk/install/
sass的编译工具
Koala: 不支持中文路径的文件夹 把文件夹放到一个英文的路径下面 把项目文件夹拖入到kaola里, 就可以找到sass文件, 选中它, 执行编译,就可以在css文件中, 生成正确的 css文件 在开发过程中, 要全程打开 koala, 每一次保存scss文件,都会自动编译 在开发中, 如果使用sass, 就不要直接去修改css了。

