插值 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…
变量 我们可以声明变量，并在整个样式表中使用： 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:…
选择器(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 >…
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…
公众更多了解自然的方法之一就是火灾。人们已经了解到火在许多生态系统中发挥重要的作用。然而，同样它们也可以引起灾难性的事件，并且远远超出预料。本周，在”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…
“每个人都喜欢谈论天气，但是却没有人做任何与天气相关的事！”但是通过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]…
在我们这个日益相互依存的世界，外来物种入侵是一个巨大的问题。通过正确的数据，你可以很容易地采用的是支持多平台（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数据，并且将其符号设置为黑色边框的红点，然后隐藏其它图例符号。 哇！这些小家伙正在制造一些严重的麻烦。…
几周前，我推出了“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_…