css3方法,占位符,列表,基本用法,map类型,wheel滚轮事件

方法

ceil()向上取整
floor()向下取整
random()随机数
percentage()获取百分比
box-sizing:border-box;清除内外边距的影响
float:dir
visibility:hidden;隐藏 不脱离文档流visible
position:static;

占位符

声明%float{
float:left;
box-sizing:border-box;
}
运用@extend %float;

列表 空格或者逗号隔开的单个值

$colors: #fff #fff #fff #fff #fff;
$t:nth($colors,1)

基本用法

% . @extend 优化栅格系统的代码 利用列表制作按钮系统
length() nth() darken(red,30%)

map类型(对象)

$test:{
blue:#40cdee,
red:值
};
$t:map_keys($test);列表
$t2:map_get($test,blue);从map中根据键取值
@debug $t;输出

列表

$list:1px 2px 3px;
@each $x in $list{
@debug $x;
}

@each $name in map_keys($test){}

wheel滚轮事件
e.orginalEvent.wheelDeltaY<0滚轮向下
transitionend动画做完之后
infinite 无限次循环

posted @ 2020-01-06 17:09  八月_辉  阅读(439)  评论(0)    收藏  举报