![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
翎羽飘
In order to be irreplaceable, one must always be different.
展开
-
Less
1.Less是一门CSS预处理语言,扩展CSS,增加变量、Mixin、函数等特性。 可运行于Node或浏览器端。 2. 安装: $npm install -g less 3. 命令行用法: 1)$lessc styles.less 2)将css结果存在一个文件中:$lessc styles.less style.css 3)压缩版:$ lessc --clean-css styles原创 2017-07-10 22:03:48 · 249 阅读 · 0 评论 -
Sass
1.安装: 1)安装ruby, 2)更换gem源,尝试了一下中文网那个淘宝源不好使。在网上找了其他的:gem sources -a http://gems.ruby-china.org 但是gem sources -1还是不能打印出来,不过直接进行安装gem install sass, 显示安装成功。 install compass,显示安装成功。 2.编译sass 1)命令行原创 2017-07-11 17:04:33 · 238 阅读 · 0 评论 -
Sass vs Less vs Stylus
Less Sass Stylus 安装 npm install -g less,即可被编译成.css文件 先安装ruby,再安装sass:gem install sass。 四种编译风格。 npm install stylus 变量 使用@标识符,@border-color:#CCCCCC;@border-color : #b5bcc7; .原创 2017-07-13 16:21:11 · 650 阅读 · 0 评论 -
移动端知识小汇
一.css部分 1.用transition做动画时,变形尽量通过transform来实现,而不是用height,width等属性。transform可明显减少重绘、重画 1.meta标签 "viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移动端加上这个标签才是真正的自适应,不加的话,假转载 2017-12-27 16:46:19 · 214 阅读 · 0 评论