2016年4月27日
摘要: javascript中数组的使用 Array对象 用于在单个变量中存储多个值,数组是值的有序集合,每个值叫做元素,每个元素在数组中都有数字组成的编号。数组是弱类型的,元素可以是不同类型的数据 var arr = [1,"abc",true,null,undefined,[1,2,3],{x:a}}] 阅读全文
posted @ 2016-04-27 21:43 借个火点烟 阅读(231) 评论(0) 推荐(0) 编辑
摘要: sass中数据类型的使用 sass中的数据类型 数字:1,2,3px 字符串:"header"、footer 布尔值:false,true 空值:null 颜色: 000,red,rgba(0,255,0,0.5) 值列表:1px 2px 3px 4px,Helvetica,Arial,sans s 阅读全文
posted @ 2016-04-27 10:51 借个火点烟 阅读(155) 评论(0) 推荐(0) 编辑
摘要: sass中插值的使用 设置属性值可以使用字符串插进来 sass: @mixin set value($side,$value){ margin {$side}:$value; padding {$side}:$value; } .box{ @include set value(top,30px) c 阅读全文
posted @ 2016-04-27 10:44 借个火点烟 阅读(275) 评论(0) 推荐(0) 编辑
  2016年4月26日
摘要: margin top: 10px; } .box1 span { display: inline block; margin top: 20px; } .box2 { margin top: 10px; } .box2 span { display: inline block; margin top 阅读全文
posted @ 2016-04-26 20:48 借个火点烟 阅读(115) 评论(0) 推荐(0) 编辑
摘要: sass中占位符的使用 sass中的占位符%placeholder声明的代码,如果不被@extend调用,不会被编译到css中,从而不会形成冗余代码,而且编译出来的代码会合并到一起,推荐使用 sass %mt5{ margin top: 5px; } %pt5{ padding top: 5px; 阅读全文
posted @ 2016-04-26 20:32 借个火点烟 阅读(351) 评论(0) 推荐(0) 编辑
摘要: sass中继承的使用 继承是通过关键词@extend来继承已存在的样式代码块,从而实现代码的继承 sass .btn{ border: 1px solid ccc; padding: 6px 10px; font size: 14px; } .btn primary{ background colo 阅读全文
posted @ 2016-04-26 20:24 借个火点烟 阅读(749) 评论(0) 推荐(0) 编辑
摘要: sass中Minxin的使用 Mixin有点像C语言的宏(macro),是可以重用的代码块。 sass 使用@minxin,定义一个代码块 @mixin left{ float: left; margin left: 10px; } 使用@include命令,调用这个mixin。 .box{ @in 阅读全文
posted @ 2016-04-26 20:15 借个火点烟 阅读(504) 评论(0) 推荐(0) 编辑
摘要: sass中嵌套的使用 1:选择器嵌套 选择器嵌套会导致代码冗余,难以阅读,建议不要使用选择器嵌套 sass div { h1{ color: 000; } } nav a{ color: 00f; header &{ color: 0f0 } } css: div h1 { color: 000; 阅读全文
posted @ 2016-04-26 19:06 借个火点烟 阅读(172) 评论(0) 推荐(0) 编辑
摘要: sass中计算的使用 运算在程序中是最常见的,css3中只有calc()可以使用,进行计算 "这是介绍calc的文章,刚兴趣的可以点击查看" sass中可以进行各种计算 注意:运算符两侧最好有空格 1:加法 加法运算可以在变量和属性中使用 属性中使用 sass .box{ width:20px+8i 阅读全文
posted @ 2016-04-26 18:14 借个火点烟 阅读(792) 评论(0) 推荐(0) 编辑
摘要: css中cale()函数的使用 问题分析 html 测试 css: .wrap{ width: 300px; height: 300px; border: 1px solid 000; margin: 10px auto; padding: 10px; background color: 666; 阅读全文
posted @ 2016-04-26 17:17 借个火点烟 阅读(5799) 评论(0) 推荐(0) 编辑