STYLUS-INTERPOLATION(插值)

插值 Stylus通过使用{}包裹表达式来进行插值。例如,-webkit-{‘border’ + ‘-radius’}等同于-webkit-border-radius。 比较典型的例子就是各浏览器私有属性前缀: vendor(prop, args) -webkit-{prop} args -moz-{prop} args {prop} args border-radius() vendor('border-radius', arguments) box-shadow() vendor('box-shadow', arguments) button border-radius 1px 2px / 3px 4px 编译CSS为: button { -webkit-border-radius: 1px 2px / 3px 4px; -moz-border-radius: 1px 2px / 3px 4px; border-radius: 1px 2px / 3px…

STYLUS-VARIABLES(变量)

变量 我们可以声明变量,并在整个样式表中使用: font-size = 14px body font font-size Arial, sans-serif 编译CSS为: body { font: 14px Arial, sans-serif; } 变量甚至可以包含在表达式中: font-size = 14px font = font-size "Lucida Grande", Arial body font font sans-serif 编译CSS为: body { font: 14px "Lucida Grande", Arial sans-serif; } 标识符 (变量名、 函数等) 也可以是$开始。例如: $font-size = 14px body { font:…

STYLUS-SELECTORS(选择器)

选择器(Selectors) 缩进 Stylus类似于Python,通过缩进对齐表达代码逻辑,如下所示: body color white 编译CSS为: body { color: #fff; } 如果愿意,你也可以使用冒号分隔符: body color: white 规则集 Stylus就像CSS一样,允许你使用逗号同时给多个选择器定义属性。 textarea, input border 1px solid #eee 同样可以用换行达到一样效果: textarea input border 1px solid #eee 编译CSS为: textarea, input { border: 1px solid #eee; } 该规则唯一例外就是属性选择器。例如,下面的foo bar baz可能一个属性或一个选择器: foo bar baz >…

STYLUS-INTRODUCTION(介绍)

CSS 需要英雄 body { font: 12px Helvetica, Arial, sans-serif; } a.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 如果我们省略大括号? body font: 12px Helvetica, Arial, sans-serif; a.button -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 那分号了? body font: 12px Helvetica, Arial, sans-serif a.button -webkit-border-radius: 5px -moz-border-radius: 5px border-radius: 5px 到此为止?除去冒号 body font…

GIS的乐趣之7:探索火灾

公众更多了解自然的方法之一就是火灾。人们已经了解到火在许多生态系统中发挥重要的作用。然而,同样它们也可以引起灾难性的事件,并且远远超出预料。本周,在”Fun With GIS”系列中,使用AEJEE工具,我们将看一看火灾的冰山一角。 通过Geography Network可以非常方便的查看过去的火灾记录。添加”ESRI_MODIS”图层并放大到 1:10,000,000或更大。在这个显示级别下,你可以看到昨天、上周和去年的火灾统计数据。这将是个非常惊人的显示! 同时,如果你寻求更多的数据,一定要看看US Forest Service的数据。在网站http://activefiremaps.fs.fed.us上有火灾和航空管理数据,在网站http://www.fs.fed.us/fire上有一些ArcIMS maps和可下载的火灾GIS数据。 作者:Charlie Fitzpatrick, ESRI Education Manager…

GIS的乐趣之6:使用AEJEE-查看天气

“每个人都喜欢谈论天气,但是却没有人做任何与天气相关的事!”但是通过AEJEE工具,你可以在地图上显示天气。非常感谢在NOAA、NWS和PASDA(宾夕法尼亚州数据中心)的工作人员,使得我们可以很容易的创建和保存一个快捷显示天气的项目。 打开一个空的AEJEE地图窗口,选择从互联网添加数据(如同AEJEE内置教程中第5课5所述),然后定位到PASDA数据门户。添加"Latest Infrared Satellite(最新红外卫星)"作为底图,添加"Latest Radar(最新雷达)"作为顶部图层,并且设置雷达层透明度为75%,然后保存该项目。最后,任何时候当你重新打开该项目,并且连接到互联网,你就会看到最新的天气情况。 作者:Charlie Fitzpatrick, ESRI Education Manager [本文英文原文链接:Fun With GIS, Using AEJEE: #6, Watching the Weather]…

GIS的乐趣之5:使用AEJEE-跟踪入侵物种

在我们这个日益相互依存的世界,外来物种入侵是一个巨大的问题。通过正确的数据,你可以很容易地采用的是支持多平台(Win/Mac),并且可以从ESRI网站上可以免费下载的轻量级GIS工具ArcExplorer Java Edition for Education (AEJEE)将这些物种标记在地图上。这周“Fun With GIS”内容将展示GIS严谨分析的力量。 在网站US National Atlas,选择“Raw Data Download”,选择“Biology”系列,并选择了“Invasive Species – Zebra Mussel Distribution”数据集。这是一个点文件,所以非常快速下载和解压。我打开AEJEE,然后选择“us48elev_hd. axl”的项目,该项目提供的地貌和主要河流和湖泊。我添加刚刚下载的Zebra Mussel数据,并且将其符号设置为黑色边框的红点,然后隐藏其它图例符号。 哇!这些小家伙正在制造一些严重的麻烦。…

GIS的乐趣之4:使用AEJEE-在AEJEE中标注当前事件

几周前,我推出了“Fun With GIS”系列,采用的是轻量级GIS工具ArcExplorer Java Edition for Education (AEJEE),它支持多平台(Win/Mac),并且可以从ESRI网站上可以免费下载。这一周,我们做了很多人想做的事:在地图上绘制当前事件。 当然,当前值得关注的事件类型就是—Redlands, CA,位于一个构造活动带。那天晚上,我被“震醒”。我看了时钟,时间是“2:43”,大约5秒之后觉得震动消退,然后继续睡觉。 在早上,我决定做一个地图。我打开AEJEE,接下来是按照AEJEE内置教程中第5课所描述的过程,从Geography Network选择立即添加一个图层。我添加了“ESRI_Quake_Rec”,这是一个显示最近地震信息的“影像服务”。我放大显示洛杉矶盆地,发现显示不是我想要的。于是我添加了另一个图层“ESRI_Quake_…