摘要: CSS编辑工具 CSS文件是纯文本文件,可以使用任何文本编辑器来编辑。常用的文本编辑器有记事本、写字板、UltraEdit32、EditPlus、NotePad++等等,笔者首选 EditPlus 和 NotePad++。因为它们的功能都非常强大,并且启动速度快、界面简洁,可以无限制的撤消与重做,具 阅读全文
posted @ 2017-12-02 06:42 歪脖先生 阅读(1291) 评论(0) 推荐(0) 编辑
摘要: CSS简史 为了是网页在视觉是可以得到更好的表现,W3C负责CSS标准的制定和推动。CSS经历了CSS1、CSS2、 CSS2.1、CSS3,CSS3是正在进行中的标准。 1996年12月17日,CSS1正式推出,到了1999 年1月11日,该推荐标准被重新修订。CSS1中主要定义了具体的颜色、字体 阅读全文
posted @ 2017-12-01 21:11 歪脖先生 阅读(270) 评论(0) 推荐(0) 编辑
摘要: CSS简介 HTML 标签的初衷是用于定义文档的内容,而不用关注文档的布局,布局交由浏览器来完成。然而,当时的两大主流浏览器(Netscape和IE)不断地将新的 HTML 标签和属性(如字体标签和颜色属性等)添加到 HTML 规范中。使文档的内容和表现(布局、字体、颜色、背景等)完全耦合在一起,对 阅读全文
posted @ 2017-12-01 21:04 歪脖先生 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 杂项函数 color 解析颜色,将代表颜色的字符串转换为颜色值. 参数: string: 代表颜色值的字符串。 返回值: color 案例: color("#aaa"); 输出: #aaa convert 将数字从一种单位转换到另一种单位。 第一个参数为带单位的数值,第二个参数为单位。如果两个参数的 阅读全文
posted @ 2017-11-29 08:52 歪脖先生 阅读(5410) 评论(0) 推荐(1) 编辑
摘要: Extend就相当于Java的继承,它允许一个选择器继承另一个选择器的样式。Extend有两种语法格式。 一种是: 另一种是: 假设有一个 .inline 的类: 现在希望 nav ul 选择器能够让继承 .inline类的 color 属性,就可以使用以下两种方式的任意一种来实现: 或者 这两种方 阅读全文
posted @ 2017-11-28 20:39 歪脖先生 阅读(8990) 评论(0) 推荐(1) 编辑
摘要: 合并是LESS的一个特性,它允许通过指定的语法来为某个属性添加使用逗号或空格分隔的值的列表。对于文本阴影、盒阴影、背景、变换等允许使用值的列表的属性,合并非常有用。 合并的语法,就是在属性名称和冒号之间,添加一个 “+” 或 “+_” 标志: 1)当使用 “+” 标志时,列表间以逗号分隔。如: 编译 阅读全文
posted @ 2017-11-28 20:36 歪脖先生 阅读(660) 评论(0) 推荐(0) 编辑
摘要: Less循环 在Less中,mixin可以调用它自身。通过这种递归调用,再结合Guard表达式和模式匹配,就可以写出各种循环结构。如,使用循环来创建一个网格类: 编译后的CSS代码为: 阅读全文
posted @ 2017-11-28 20:35 歪脖先生 阅读(2223) 评论(0) 推荐(0) 编辑
摘要: Less的条件表达式 当需要根据表达式,而不是参数的值或数量进行匹配时,条件表达式(Guards)就显得非常有用。如果你熟悉函数式编程的话,对条件表达式也不会陌生。 为了尽可能地接近CSS的语言结构,Less使用关键字 when 而不是 if/else来实现条件判断,因为 when 已经在CSS的 阅读全文
posted @ 2017-11-28 11:01 歪脖先生 阅读(9183) 评论(0) 推荐(0) 编辑
摘要: Less的模式匹配 Less提供了一种机制,允许根据参数的值来改变 mixin的行为。比如,以下代码就可以让 .mixin 根据不同的 @switch 值而表现各异: 此时,在调用 .mixin 时:如果 @switch 设为 light,就会得到浅色;如果 @switch 设为 dark,就会得到 阅读全文
posted @ 2017-11-28 10:54 歪脖先生 阅读(841) 评论(0) 推荐(0) 编辑
摘要: Less的!important关键字 在调用 mixin 时,如果在后面追加 !important 关键字,就可以将 mixin 里面的所有属性都标记为 !important。如,以下Less代码: 编译后的CSS代码为: 阅读全文
posted @ 2017-11-28 10:53 歪脖先生 阅读(1568) 评论(0) 推荐(0) 编辑