内容简介：背景：大厂的任职要求里还有一条是：熟悉使用Sass.Less等CSS预编译工具。学习一样东西的第一步就是首先知道它是什么有人开发了一些
背景：大厂的任职要求里还有一条是：熟悉使用Sass.Less等CSS预编译工具。
学习一样东西的第一步就是首先知道它是什么
CSS预编译工具
有人开发了一些 扩展CSS功能 的写法，比如less,sass,其目的是让css能支持一些编程语言才有的功能，比如：
表达式，函数，变量，循环，判断.
有这些功能就能方便重复定义，写css时省事.举以下例子.
var colorRed {color:red}//用var定义一个字体颜色变量样式
//定义一个新闻列表样式
.news-list{
font-size:12px;
line-height:1.76;
color:@colorRed;
//这里文字颜色引用自变量 var colorRed
}
上面这段扩展css语言的写法里面有变量，然而浏览器的css解析引擎是不认识css里面的var这些东西的，这就是一个无效的css，所以这些扩展css的语言有预处理器， 作用是把上面这段浏览器不认识的代码，还原为浏览器认识的CSS标准发给浏览器解析.
如下：
.news-list{
font-size:12px;
line-height:1.76;
color:red;
}
以上所述就是小编给大家介绍的《CSS预编译是什么？》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- Xcode 编译疾如风系列（二）：并行编译
- 编写 MSBuild 内联编译任务（Task）用于获取当前编译环境下的所有编译目标（Target）
- 使用 Visual Studio 编译时，让错误一开始发生时就停止编译（以便及早排查编译错误节省时间）
- Go编译缓存导致C文件修改后未重新编译
- Android Apk反编译系列教程（一）如何反编译APK
- 漫话：如何给女朋友解释什么是编译与反编译
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
