css+less变量
Less的优点和缺点优点：Less是一个CSS预处理器。编译后，它会生成简单的CSS，适用于浏览器。Less支持跨浏览器兼容性。
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。
Less： 一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS 既可以在客户端上运行 (支持IE 6+， Webkit， Firefox)，也可一在服务端运行 (借助 Node.js)。
angular中使用css全局变量定义
Angular有两种方式指定css预处理。下面以scss为例：新建项目指定css预处理在新建angular项目是使用--style指定css预处理ng new my-project --style=scss已有项目指定css预处理对于已有的项目，也是支持修改css预处理。
比如：public content： string = Hello Angular只会显示 Hello World ，字体不会是 30px，也就是 CSS 样式没有效果。解决方案自定义一个 Pipe 来对内容做转换。看下面代码。
clickCounter 4 之后，背景色就会变为黄色。还可以指定多个CSS属性：如果你想添加或者移除定义在CSS中的class，可以使用class绑定。
//incontroller， 使用scope的变量真假来使用对应的class起作用。
angular2里component使用全局的样式：你可以在index.html里面引入一个全局的样式，然后内部的所有组件都可以使用这些样式了。就像NiceFish这里的首页上引用了bootstrap的一整套CSS，然后内部所有组件都可以共享这些样式一样。
小程序不支持css定义的样式?
1、是支持的，改的时候注意选择器和权重。其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。
2、小程序支持css定义的样式。根据相关资料查询得知，小程序支持css定义样式，微信小程序是支持css定义样式的，改的时候注意选择器和权重。
3、小程序的页面不支持html标签和css样式。根据查询相关资料信息显示，微信小程序相比WebAPP也有不足，不支持HTML标签和DOM操作，对CSS的支持也有限，前端库和框架也无法使用。
4、不支持。微信小程序是一种不需要下载安装即可使用的应用，该程序没有运行css3动画的功能，所以是不支持css3动画的。css3动画是使元素从一种样式逐渐变化为另一种样式的效果。
5、微信小程序对应的wxml文件有对应的wxss文件，找到对应的文件就可以写css样式了。比如index.wxml的css文件就是index.wxss文件。