SEE Conf 2021!  支付宝体验科技大会

Sass中级

【Sass中级】模块化CSS更要避免选择器嵌套

我们之前介绍了选择器嵌套过深将会带来的有关风险。该基本规则可以很好的帮助你避免一些错误选择器的嵌套。但实际上,采用此概念有一个很大的好处,让你的选择器更为干净。但当你避免嵌套主要选择器时,又将会发生什么呢?

【Sass中级】使用Sass和Compass制作雪碧图

作为一名Web开发人员,在关注浏览器性能的时候,雪碧图("image spriting")这样的技术诞生了,旨在减少HTTP的请求数。事实证明,更少的请求数(当文件大小没有显著的区别时)对于一个页面的加载速度有明显的区别。“Image Spriting”的工作原理是一堆的图像(称为“sprites”,精灵)合并成一张大的图像(国内称为雪碧图),以达到减少HTTP的请求数。然后通过巧妙的显示雪碧图中需要呈现的图像。

【Sass中级】如何根据背景颜色动态修改文本颜色

设计选择文本颜色(前景色)一般都是在背景颜色的基础做选择。如果背景颜色是亮色,文本颜色就是暗色;如果背景颜色是暗色,文本颜色就亮色。因为这是亮色和暗色的配合,文本更容易阅读。那么我们如何利用Sass在背景色的基础上选择合适的文本颜色呢?

返回顶部