CSS变量食用说明
1、使用calc（）函数时，重要的是要注意操作符的使用和计算的顺序。CSS计算是按照数学中的运算顺序的，类似于中缀表达式。如果需要改变计算顺序，可以使用括号来明确指定。这些场景展示了CSS变量在提高样式代码的灵活性和可维护性方面的巨大潜力。通过合理使用CSS变量，可以大幅提升Web开发的效率和用户体验。
2、只要设置变量valign=“middle”就可以了 但要注意这些只在table里有用 还有就是用CSS 举例：height： 4em；line-height： 4em；overflow： hidden；注：让行高等于高度，就会垂直居中了，这个前提是要有设定高度的。
3、运行命令：sass --style compresd test.scss test.css，生成压缩版CSS文件test.css。 选项参数说明： --style 后有四个选项可选，包括expanded、nested、compact、compresd，可根据需求选择不同效果。
4、在 CSS 中，可以使用以下方法设置行高：使用行高属性（line-height）：行高属性用于指定文本行的高度。可以通过指定具体的像素值、百分比或无的数值来设置行高。
5、.text？{？？color：？green？！important；}body？#main？.box？p？span？{？？color：？red；} 按照下面的这份样式优先级权重规则来看，“body#main.boxpspan{}”的优先级权重大约是0113，而.text{}的优先级权重大约是0010。
相关问答
问：javascript局部变量：作用域、生命周期、最佳实践-？
答：哎呀，javascript 局部变量的作用域就是在特定的代码块内有效啦。
生命周期呢，是从定义到所在代码块执行结束。
最佳实践嘛，比如要及时释放不再使用的局部变量哦，这样能提高性能呀！
问：javascript中全局变量和局部变量的作用域？
答：在 JavaScript 中呀，全局变量的作用域是整个程序，在任何地方都能访问和修改。
而局部变量呢，只在定义它的函数内部起作用哟，出了这个函数就没法用啦！所以可得搞清楚它们的作用域，不然容易出错呢！
问：java什么是局部变量？
答：哎呀，局部变量就是在方法、代码块或者构造函数里面定义的变量啦。
它的作用范围就在定义它的那个区域里面哟。
比如在一个方法里定义的局部变量，出了这个方法就没法用啦。
懂了不？
问：jsp局部变量和全局变量的区别？
答：亲，局部变量呢，是在特定的方法或代码块里定义和使用的，出了这个范围就不能用啦。
而全局变量呢，在整个 JSP 页面都能访问和修改哟。
局部变量作用范围小，全局变量作用范围大，这就是它们最主要的区别呀！
