css扩展语法
学习css三种扩展语法的笔记: Less、Sass、Stylus
Yvette Azad
春兰秋菊下清风,
三星望月挂夜空。
不求独避风雨外,
只笑桃源非梦中
展开
-
LESS之语法
目录LESS变量1 声明MixinsLESSless是一门向后兼容的css语法扩展语言变量1 声明以‘@’来声明styles.less// css样式@WIDTH: 100px;@HEIGHT: @WIDTH + 10px;@FontSize: 12px;@LetterSpacing: @FontSize * 1.38;// 选择器@circelSelector: circel;.@{circelSelector} { border-radius: 50%;}原创 2021-09-06 10:11:26 · 171 阅读 · 0 评论 -
SASS之文件整理
对于样式应该尽可能的不重复base/文本排版、模板相关_reset.scss/_normalize.scss_typography.scss将样式初始化,文字对其方式,自定义字体都写在这个文件下components/小组件文件_media.scss_loading.scss这个文件夹感觉不会经常用,为了一个ajax延...原创 2018-12-29 18:34:04 · 186 阅读 · 0 评论 -
SCSS之语法
SCSS使用css语法(普通写法、加浏览器兼容前缀、filter)sass-convert style.scss style.sassSASS使用缩进语法sass-convert style.sass style.scss原创 2019-01-07 12:37:19 · 183 阅读 · 0 评论 -
SCSS之MIXIN
正方形@mixin square($size){ width: $size; height: $size;}矩形@mixin cube($w, $h){ width: $w; height: $h;}圆形@mixin circle($size){ @include square($size); border-radius: 50%;...原创 2019-01-08 12:26:47 · 450 阅读 · 0 评论