随笔分类 -  CSS

web iphone css 兼容性
摘要：解决IPHONE网页兼容（部分字号变大）： body{-webkit-text-size-adjust:none;} 阅读全文
posted @ 2016-07-05 11:24 Medeor 阅读(661) 评论(0) 推荐(0)
Sass 中的 @ 规则
摘要：一、 @import Sass 扩展了 CSS 的 @import 规则，让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外，被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。 例如： @imp... 阅读全文
posted @ 2015-11-18 22:22 Medeor 阅读(516) 评论(0) 推荐(0)
Sass 颜色函数
摘要：1 /* 2 * Sass 颜色函数 3 * RGB 颜色函数 4 * 1. rgb($red,$green,$blue)：根据红、绿、蓝三个值创建一个颜色； 5 * rgb(200,40,88) //根据r:200,g:40,b:88计算出一个十六进制颜色值 6 * #c828... 阅读全文
posted @ 2015-11-18 22:18 Medeor 阅读(292) 评论(0) 推荐(0)
Sass 基本函数
摘要：Sass 中的常用函数一、字符串函数 1. unquote($string): 删除字符串前后的引号,删除一对引号,如果这个字符串没有带有引号，将返回原始的字符串。 示例:.text1 { content: unquote("'hello'");} 2. quote($string)... 阅读全文
posted @ 2015-11-18 22:16 Medeor 阅读(1545) 评论(0) 推荐(0)
Sass 条件-循环语句
摘要：学习Sass中 @if...@else @for @while @each一、条件判断 - @if @else　示例: 1 @mixin blockOrHidden($boolean:true){ 2 @if $boolean { 3 @debug "$boolean is... 阅读全文
posted @ 2015-11-15 19:29 Medeor 阅读(2177) 评论(0) 推荐(0)
Sass 基本特性-运算 感觉满满都是坑
摘要：Sass中的基本运算一、加法 在 CSS 中能做运算的，到目前为止仅有 calc() 函数可行。但在 Sass 中，运算只是其基本特性之一。 sass做加法运算是可以不考虑参数带单位，但需要单位同一 加号可以不需要空格隔开 示例:1 $sidebar-width: 220px;2 $cont... 阅读全文
posted @ 2015-11-15 17:54 Medeor 阅读(12294) 评论(0) 推荐(2)
Sass 基本特性-基础 笔记
摘要：一、变量声明 $ 变量的声明使用 $ 所有的变量必须声明到变量调用之前 从3.4版本开始，Sass已经可以正确处理作用域的概念 在局部范围声明一个已经存在于全局内的变量时，局部变量就会成为全局变量的影子。局部变量只会在局部范围内覆盖全局变量。 $btn-primary-color:#0... 阅读全文
posted @ 2015-11-15 16:42 Medeor 阅读(295) 评论(0) 推荐(0)
ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
摘要：问题描述：sass文件编译时候使用ruby环境，在xp环境中没有任何问题，但是在windows7/8环境下无论是界面化的koala工具还是命令行模式的都会出现以下错误：ntax error: Invalid GBK character “\xE5″ on line 2 of E:\KoalaCS... 阅读全文
posted @ 2015-11-15 14:45 Medeor 阅读(284) 评论(0) 推荐(0)
css 实现元素水平垂直居中总结5中方法
摘要：个人总结，如有错误请指出，有好的建议请留言。o(^▽^)o一、margin:0 auto；text-align:center；line-height方法 1 margin,text-align;水平居中 1 /* 2 margin:0 auto; 设置块元素（或与之类似的元素）的水平居中... 阅读全文
posted @ 2015-11-14 21:05 Medeor 阅读(633) 评论(1) 推荐(0)