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 阅读全文
摘要：
sass中占位符的使用 sass中的占位符%placeholder声明的代码，如果不被@extend调用，不会被编译到css中，从而不会形成冗余代码，而且编译出来的代码会合并到一起，推荐使用 sass %mt5{ margin top: 5px; } %pt5{ padding top: 5px; 阅读全文
摘要：
sass中继承的使用 继承是通过关键词@extend来继承已存在的样式代码块，从而实现代码的继承 sass .btn{ border: 1px solid ccc; padding: 6px 10px; font size: 14px; } .btn primary{ background colo 阅读全文
摘要：
sass中Minxin的使用 Mixin有点像C语言的宏（macro），是可以重用的代码块。 sass 使用@minxin，定义一个代码块 @mixin left{ float: left; margin left: 10px; } 使用@include命令，调用这个mixin。 .box{ @in 阅读全文
摘要：
sass中嵌套的使用 1：选择器嵌套 选择器嵌套会导致代码冗余，难以阅读，建议不要使用选择器嵌套 sass div { h1{ color: 000; } } nav a{ color: 00f; header &{ color: 0f0 } } css： div h1 { color: 000; 阅读全文
摘要：
sass中计算的使用 运算在程序中是最常见的，css3中只有calc()可以使用，进行计算 "这是介绍calc的文章，刚兴趣的可以点击查看" sass中可以进行各种计算 注意：运算符两侧最好有空格 1：加法 加法运算可以在变量和属性中使用 属性中使用 sass .box{ width:20px+8i 阅读全文
摘要：
css中cale()函数的使用 问题分析 html 测试 css: .wrap{ width: 300px; height: 300px; border: 1px solid 000; margin: 10px auto; padding: 10px; background color: 666; 阅读全文
摘要：
sass中注释的使用 //单行注释不会编译到css /\ 多行注释会被编译到cs中，但是如果是压缩后的css，注释就不会编译到css中\ / /\ !多行重要注释，这种注释方式即便压缩代码，也会被编译到css，一般用来做版本，作者等信息的注释\ / 中文注释错误问题 出现“局部”这个词时候，在win 阅读全文
摘要：
之所以用sass，就是因为sass可以使用变量，函数等编程的概念 1：变量的声明 $width:100px 上面： $:变量生命符号 $width:变量名称 100px:变量值 2： 变量的调用 以下是Bootstrap中primaryButton的颜色的定义的使用 sass: $brand pri 阅读全文