Color Stops:在使用CSS3渐变属性生成图片的时候,有时候为了打造更丰富的渐变效果除了声明渐变线上的起始点和终止点的色值,还有声明一些中间点的色值,这些点我们就称之为Color Stops.一个色值加上当前点的位置.当我们省略点位置表示的时候Color Stops helper function 会自动帮我们计算输出这个点的位置.Colors:用来亮化调整一个色值(用到的极少极少)Constants:Cross Browser:如果我们要为compass贡献跨浏览器的CSS新特性插件D…

Compass核心模块Reset :重置CSS模块 @import "compass/reset" Layout :页面布局的控制能力 @import "compass/layout" 只有这两个模块是需要明确 指定引入的@import "compass"默认包含了其他五大模块却不包含resrt,layout 其他四个功能模块和Browser support模块CSS3:跨浏览器的CSS3能力Helpers:内含一系列的函数,跟SASS的函数列表…

css雪碧图又叫css精灵或css sprite,是一种背景图片的拼合技术.使用css雪碧图,能够减少页面的请求数.降低图片占用的字节,以此来达到提升页面访问速度的目的.但是它也有令人诟病的地方,就是拼图和后期维护的成本比较大.也正是因为这一点,导致很多开发者懒于使用css雪碧图. 配置compass项目 $ compass init 会生成相应的目录和配置文件.在images目录下建立logo目录存放需合并的图标.项目目录结构如下: - sass |-- icons.scss |-- scre…

引入Utilities: @import "compass/utilities"; 分别引入: @import "compass/utilities/color"; Color:颜色相关的工具集合1.Color Brightness用来计算一个值的亮度 @debug brightness(#000); @debug brightness(#ccc); @debug brightness(#fff); 在命令行会输出颜色的亮度.2.Color Contrastcont…

最后个人感觉 Compass是 css世界的.NET 很久以前看到 Compass 误以为是css编译器,因为总是在看到如何安装Scss的文章里面看到的 知道最近不小心进入 Compass官网溜达,才发现 The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for example border-radius and text-shadow. What rendering engi…

compass以外还有一个很实用的scss模块, _media-queries.scss 通过终端下载 curl -O https://raw.github.com/paranoida/sass-mediaqueries/master/_media-queries.scss 凡是用compass编译就可以直接import compass的模块,但是不主张import "compass",理由如下: http://blog.rocodev.com/posts/11-dont-import…

一.什么是Compass? Compass是Sass的工具库,Compass在SASS的基础上,封装了一系列有用的模块去补充Sass的功能,类似Javascript和jQuery 二.安装 之前已经写过文章讲了sass.compass的安装,地址:http://www.cnblogs.com/laayoune/p/4105105.html 三.创建项目 在Ruby的命令行中输入 compass create myproject 会在当前目录下创建一个myproject的目录,myproject也…

// compass create myproject // compass compile // compass compile --force 重新编译未改动的 // compass compile --output-style compressed // compass compile --output-style compressed --force // compass watch // compass模块:reset css3 layout typography utilities…

1.消除冗余代码的方式: ▶通过变量来复用属性值 例如,一段冗余的CSS代码: h1#brand { color : #1875e7 } #sidebar { background-color : #1875e7 } 使用Sass,把属性值赋给变量,然后在一个地方管理散落在各处的属性值.几乎任意属性值都可以赋给变量: $company-blue : #1875e7; h1#brand{ color : $company-blue; } #sidebar{ background-color : $…

最近这几天在写burp的插件,有一些写burp插件的流程和误区想跟大家分享一下: 第一步,打开burpsuit,打开extender页面,并将burp中自带的api代码导出,方便后续的代码开发: 第二步,使用idea创建一个java项目并将上一步导出的api代码导入到该项目中: 第三步,在导入的项目中创建一个叫BurpExtender.java的类并Implements  IBurpExtender这个类,注意,必须叫这个名字,否则burp会识别不到此插件的存在,如上图: 第四步,在BurpEx…