![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
|--CSS | LESS | SASS
文章平均质量分 96
Holmofy
奋斗中的小菜鸟
展开
-
LESS小试牛刀
为什么选择less CSS代码开发与维护都比较困难,特别是CSS中的各种尺寸颜色,看多了绝对想吐。所以就有了便于开发以及维护管理的CSS预处理语言,可以由它们编译生成CSS。 作为一个搞后端的Javer,我所了解的CSS预处理语言大致有三种LESS, SASS, Stylus。这几种预处理语言都提供了变量(variables),混合书写(mixins),函数(functions),运算(ope...原创 2017-09-16 11:16:47 · 536 阅读 · 0 评论 -
两种纯CSS的方式实现优惠券上的锯齿效果
昨天有个模块分到我手里了,有个优惠券的组件要封装,正好复习复习CSS。 优惠券最主要就是这个锯齿的问题。其实用图片做也完全可以,反正最后那些小图片都会被webpack编码成Base64的DataURL 关于DataURL的内容可以参考RFC2397 不过用图片方式就没有啥挑战性了,那我也没必要写这篇文章记录这个过程。 我们的目的是用纯CSS实现锯齿 一、使用before和afte...原创 2018-03-22 01:46:27 · 20131 阅读 · 6 评论