借个火点烟 - 博客园

2016年4月27日

摘要： javascript中数组的使用 Array对象用于在单个变量中存储多个值,数组是值的有序集合，每个值叫做元素，每个元素在数组中都有数字组成的编号。数组是弱类型的，元素可以是不同类型的数据 var arr = [1,"abc",true,null,undefined,[1,2,3],{x:a}}] 阅读全文

posted @ 2016-04-27 21:43 借个火点烟阅读(228) 评论(0) 推荐(0) 编辑

14：sass中数据类型的使用

摘要： 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 借个火点烟阅读(153) 评论(0) 推荐(0) 编辑

13：sass中插值的使用

摘要： 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 借个火点烟阅读(273) 评论(0) 推荐(0) 编辑

2016年4月26日

12：sass中宏、继承以及占位符的比较

摘要： 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 借个火点烟阅读(114) 评论(0) 推荐(0) 编辑

11：sass中占位符的使用

摘要： sass中占位符的使用 sass中的占位符%placeholder声明的代码，如果不被@extend调用，不会被编译到css中，从而不会形成冗余代码，而且编译出来的代码会合并到一起，推荐使用 sass %mt5{ margin top: 5px; } %pt5{ padding top: 5px; 阅读全文

posted @ 2016-04-26 20:32 借个火点烟阅读(351) 评论(0) 推荐(0) 编辑

10：sass中继承的使用

摘要： sass中继承的使用继承是通过关键词@extend来继承已存在的样式代码块，从而实现代码的继承 sass .btn{ border: 1px solid ccc; padding: 6px 10px; font size: 14px; } .btn primary{ background colo 阅读全文

posted @ 2016-04-26 20:24 借个火点烟阅读(748) 评论(0) 推荐(0) 编辑

9：sass中宏的使用

摘要： 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) 编辑

8：sass中的嵌套

摘要： 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 借个火点烟阅读(170) 评论(0) 推荐(0) 编辑

7：sass中的运算

摘要： sass中计算的使用运算在程序中是最常见的，css3中只有calc()可以使用，进行计算 "这是介绍calc的文章，刚兴趣的可以点击查看" sass中可以进行各种计算注意：运算符两侧最好有空格 1：加法加法运算可以在变量和属性中使用属性中使用 sass .box{ width:20px+8i 阅读全文

posted @ 2016-04-26 18:14 借个火点烟阅读(783) 评论(0) 推荐(0) 编辑

css中cale()函数的使用

摘要： 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 借个火点烟阅读(5707) 评论(0) 推荐(0) 编辑