Abadia dos Dourados Diamond 阿巴迪亚.道斯.都拉道斯钻石 nb3ok9p,

Abaete Diamond 阿贝蒂钻石 vVu+ mi

abalone 鲍贝 FP 9HM/%

abend-smaragd 西方祖母绿 wB%ADVH3

abrad 低硬度宝石 deq=wbJ+

accarbar 黑珊湖 ^muW)I'Q

accidental pearl 天然珍珠 ^HG'

acentela 水晶 rxN[U{w+

achate 玛瑙 1EB9/WgH

achirite 透视石 %wWkUj-

achroite 无色碧玺(又称电气石) U lLwc88Rj

如需转载请注明来自FanE『翻译中国』 HYs{ ey@i

http//www.FanE.cn X`@gVC

acicular crystal 金红石发晶 T 0sRrlrG

aconteta 优质水晶 Li+bN7}c

actinolite 阳起石 Z\|</QVU

actinozoa 珊瑚类 Vt26lM

adamant 硬石(金刚石或刚玉) i&+(5

adamantine luster(lustre) 金刚光泽 p/|_*F?_

adamantine spar 黑褐色的刚玉 DWM?]S <

adamas 阿达摩斯,金刚石,钻石 v0U#S%

adamas of Araia 阿拉伯钻石 同钻石 jNV(]4A

adamite 人造刚玉粉 g0>F, eq

如需转载请注明来自FanE『翻译中国』 5whJzH

http//www.FanE.cn a t2DH

Adelaide ruby 阿德莱德红宝石 2%*it>T

adularescence 游彩蛋白光,冰长石晕彩 F#gTG~W

adularia 冰长石 WaOQ "Lk%

adularia moonston 冰长月光石 [8J'sk%u

aeroides 淡天蓝色海蓝宝石 IGe2. ,P

Afghanistan lapis 阿富汗青金石 `{|&bH#/d

Afghanistan ruby 阿富汗红宝石 {2gc

African emerald 非洲祖母绿 <GD=b>`

African jade 非洲绿玉 T:$vqjky

African pearl 非洲珍珠 }y.j}jq

African tourmaline 非洲碧玺 _g}SR35W

africita 阿非利西达碧玺 i5)<0x

agalmatolite 蜡石 v7,b!-woH

agaphite 波斯绿松石:甸子 _"I~e{K

agate 玛瑙 [lQ[(}/f

agate arborisee 苔玛瑙 w5nbY* x

agate jasper 玛瑙碧石 -{ L,.5l_

agate mousseuse 苔纹玛瑙 `~xtIXs

agate opal 玛瑙蛋白石 Gocj^7t2

agatised wood 玛瑙硅化木 y03OfSb

如需转载请注明来自FanE『翻译中国』 G]L$1x

http//www.FanE.cn noONzR4d

agrite 褐色斑花石灰岩 Z{zU 8be

ahkan (缅甸红宝石和蓝宝石) =\XyT,S

ahlamah 胸甲第九石 TPJ' OtR

Ahmedabad 阿默达巴德钻石 x}|=*1k

ajour setting 镂花底座 kM':SN`i

akabar 黑珊瑚 { 'nPc&0`

Akbar Shah 阿克巴尔．沙赫钻石 ]A[O*o1p

alabandicus 贵榴石 L&J#})

alabandine ruby 贵榴石红宝石 G,|hBkq$(2

alabaster 雪花石膏 Bl $ _

alabatre oriental 缟状大理石 Vm *qfJt

alajites 着色石 d7vQ>

alalite 绿透辉石 J+Hx[?):

alaqueca 血石 p{CM+1"@

Alaska diamond 阿拉斯加钻石 ~Z#RR

Alaskan black diamond 阿拉斯加黑钻石 g2}3 "9}

albandine 铁铝榴石(贵榴石) KK18*rbF

albite 钠长石 ~"ZqnMGM

albite moonstone 钠长月光石 @$ }pV

Alencon diamond 阿朗松 石 m9PVH\p A

Aleppo stone 阿勒颇石 FV @Ss%u

Alexandrian turquoise 亚历山大绿松石 *9\ h

Alexandria shell 亚历山大贝 &z5'[Fp U

如需转载请注明来自FanE『翻译中国』 w\ddj7S<g{

http//www.FanE.cn { %I1._^

alexandrine 合成蓝宝石变石 Hml? S

alexandrite 变石 XYxi(*

alexandrite cat's eye 变石猫眼 mb]1Pv

Algerian coral 阿尔及利亚珊瑚 dn%!,

Algerian onyx 阿尔及利亚缟状大理石 ZT3Tfp

allanite 褐石 F9xcZ[ld

allochroite 普通石榴石,粒榴石,钙铁榴石 5@_a ~K

allochromatic color 他色,假色 p9^V^LZ

alluvial deposit 冲积砂矿 fT.>6kP-

alluvial diamond 金刚石砂矿 .Ma !o)o'

almandine 贵榴石,铁铝榴石 yHZyh#}

almandine sapphire 贵榴石蓝宝石 /mS 3?

almandite 贵榴石 q4k!kGcW

almashite(almaschite) 绿琥珀,黑琥珀 (0L B5

almond stone 杏仁石 w~CD@pg

alomite 蓝方钠石 Uq|.Sy"

aloxite 人造刚玉,铝砂 jg5_>Q

alphabet of stone 宝石字母表 Ro^C:eWU

Alpine diamond 阿尔卑斯钻石 e9PJe,o[W

altered stone(Altered gem) 着色宝石,染色宝石 q,6^'O j

alumina 氧化铝 8u Tce)=7

alundum 合成氧化铝 -<[ 5ZD

amaryl 弧挺花石 RG\_E3T9q

amatista 紫晶 s[g$)^E

amatista mosqu 含针铁矿紫晶 f vd>-~~

amatrice 绿磷铝石 %HEa`K\\8

amatrix 绿磷铝石 dx*'^WJbB

amause 铅玻璃 DX8Hw3>o

Amazon jade 亚马孙玉 J]?-eq

Amazon stone 亚马孙石 6:+'2c*.d

amazonite 天河石 M: )vf=Pk

amber 琥珀 -b5%[m

amber opal 琥珀蛋白石 KS.Pc(I =

ambrite 树脂化石,灰黄琥珀 >aa-J |<l

ambroid(ambreid,amberoid) 压塑琥珀 `vT*|A`#

American cut 美国琢型 HeWLju-SZ^

American emerald 美国祖母绿 6\gI*

American goods 美国货(钻石) Tt6 5r X

American green jade 美国碧玉 v^Ivt|

American jet 美国煤精 l^Irm2&`KN

American matrix 磷铝石 mjU&^i

American ruby 美国红宝石 vEAyja*A

American turquoise 紫色绿松石 K[fF\}N

amethiste basaltine 紫水绿宝石 3x`KHBB9

amethyst 紫水晶 $Rcr>P87{

如需转载请注明来自FanE『翻译中国』 hgE/`'

http//www.FanE.cn =r@&I#sUYt

amethyst sapphire 紫晶蓝宝石 *LJ$h4bs

amethyst oriental 东方紫晶 8QP b,^bdl

amethystine quartz 紫晶色的石英 MI L+

amorphous 非晶质 -r!LJ?dS

amphibole à闪石族矿物 *h&q5

ampullar pearl 囊珍珠 >}|=&Bzc|

Amsterdam diamond 阿姆斯特丹钻石 Zz`:%NZ

anaglyph 浮雕 {+ocf`

Anakie sapphire 阿那基蓝宝石 OD D+RdP

anatase 锐钛矿 Ri/?Y6r63

anatherie(anatari) 阿ê泰利.珍珠 gIPLl?IQ

Ancona ruby 安科纳红宝石 !j[YD?b

andalusite 红柱石 zq&3|]^%V

Andamooka opal 安达莫卡欧泊 <#9pK>m{

andesine 中长石 Y\M~ o

andesite 中长石 +:!Dp VeL?

andradite 钙铁榴石 S~h\/P,S

anhydrite 硬石膏 >~TBAY+{h

ani 阿尼珍珠 P9FIY[$W

anisotropic 非单折射性 `BAt(*/3

anitary(anatherie,anatari)pearl 阿尼塔利珍珠 o+xv.Vqe

ankerite 铁白云石 ><ur%s`|

anklet 脚镯 M{oN!T9j^

Anodonta 淡水珍珠贝 ,"xals

anorthite 钙长石 <5wd@/G

Antero aquamarine 安特洛海蓝宝石 opyK y

Anthozoa 珊瑚虫 egR||/PE

anthracitis 安斯来石 Y (^ u3C

anthrax(anthraces) 红宝石 )Srr?g=v$z

antigorite 叶蛇纹石,板温石 jT=yNX>

Antilles pearl 安的列斯珍珠 NCSL|l cE_

antipathes 白珊瑚 #YCy9Vn

antique 古型 Lm|r'tRq

Antwerp rose 安特卫普玫瑰花型 Qd'|?5xo.

anygyi 阿尼基 se7jUT=e

anyum 阿纽姆 ^\@>&3 J$%

apatite 磷灰石 J%f-IDSu

apatite cat's eye 磷灰石猫眼石 f<EsO)u

aphrizite 黑碧玺 r^HgM?<

aplome 橙黄色石榴石 Wsoc[^$

apophyllite 鱼眼石 @"{r*9H

Appalachian unakite 阿巴拉契亚绿 花岗岩 ^VHH,l<<A

apya 阿比阿(红宝石) ah=ul!{[

apyrite 碧玺 Dz&S43j9@

apyroti 红宝石 v\ PM}

aquagem 天蓝色宝石 b2NpXtuM>

aquamarine 海蓝宝石 ~'>O/f A

aquamarine cat's eye 海蓝宝石猫眼石 E|M.|

aquamarine chrysolite 海蓝宝石橄榄石 ZN?#20 P

aquamarine emerald 海蓝宝石祖母绿 og3ax ]>

aquamarine sapphire 海蓝宝石蓝宝石 y:=}IKvW

aquamarine tourmaline 海蓝宝石碧玺 <<3:z25Wo

Arabian majic diamond 阿拉伯魔法钻石 g99#2noPR8

arabica 阿拉伯卡 rS\

aragonite(arragonite) 文石(霰石) b^"QVQ"

Arc Diamond 阿克钻石 c2a&kR6J>

arendalite 暗绿石,玫瑰红绿石 :9/@{L~

argenon 蛋白石 x_%X(#VROd

Argentine 阿根廷 r>O+&e%

Arizona peridot 亚利桑那橄榄石 dJat6G7

Arizona pyrope 亚利桑那镁铝榴石 A@}r "FS~

Arizona ruby 亚利桑那红宝石 -/pL1h&_

Arizona -spinel 亚利桑那尖晶石 j:&a5qVa

Arkansas diamond 阿肯色钻石 ('sc&-?U

Arkansas pearl 阿肯色珍珠 &"(Lj8R=6

arkansite 黑板钛矿,阿肯色石 } FRmn5

arlequines 阿尔金纳 oB+SPF_

Armenian stone 亚美尼亚石,石青,蓝铜矿 ]4+L(hb

art and craft 工艺品 1%><<hqh

artificial stones 人造宝石 ^zU @WO

Aru pearl(Aroe pearl,Aroo pearl) 阿鲁珍珠 =Krm@

asah 阿沙红宝石 G!eq[zlx

aschentrecker (拉丁语)吸灰石 }j)ch|

ash tracker(drawers) 吸灰石 nHm~)\

asparagolite 黄绿磷灰石 GXOiAUSq

asparagus stone 黄绿磷灰石 0oj|Ct

assembled stone 复合宝石 t 5+P>$

asteria 星彩宝石,星光宝石 "Fb12:B{

asteriated quartz 星彩水晶 /5m,wM Qi

asteriated topaz 星彩黄宝石 4rJb&P

asterism 星彩,星光 **yFYy'4(

asteroid 星彩宝石 ` -P&Vf

astralite glass 金星玻璃 E#0[BBk

astrapia 电光石 =v5"5:zB

astrion 星彩宝石 ~b.Rkoi/

astrite 星彩宝石 \|gj}bD%

astrobolos 石英猫眼石 OM` $ r

astroies 珊瑚化石 WC+Ya91

astroite 星彩宝石 $fC#6GK2

astrophyllite 星彩宝石,星叶石 M0ooZ+

athaibonk 阿泰ü克 AKoA50f

atlas ore 阿特拉斯矿 "[!vxT5

Atlas pearl 阿特拉斯珍珠 77,nnQkY

Atlas spar 阿特拉斯晶石 dflYp.|Xs

Atrina japonica,Reeve 日本羽帚贝 .|~T13w.Z

attic smaragdi 菱锌矿 Ua'0) ^<Ql

Auckland shell 奥克兰贝 *%JSx,!@

augite 辉石 aM~{(v#=}

Australian opal 澳大利亚欧泊 T19h1~d

Australian ruby 澳大利亚红宝石 e~bufS

Australian sapphire 澳大利亚蓝宝石 4]p@WW}$

Australian zircon 澳大利亚锆石 >"IA~=A[

australite 澳洲玻陨石 <]q3')<&

Austrian Yellow 奥地利黄 =sM3

automolite 锌尖晶石,铁锌尖晶石 FLJ'RCt

aventurine 金星玻璃,砂金石 sxwiD

aventurine feldspar 耀长石 .bcO\'`

aventurine glass 金星玻璃,砂金玻璃 s<`Nxz@0

avicula 阿维求拉珍珠贝 s<Yv@I(v

awabi 阿和比贝,珍珠贝,鲍贝 <(#e~Pp

axinite 斧石 \ R~O=[Q{

azorite 锆石 :#o-y"z `

Aztec stone 阿兹台克石 >uqmo B

azulite 淡青色菱锌矿 =Gh"O 5m/

如需转载请注明来自FanE『翻译中国』 %N szS

http//www.FanE.cn mZrBafW

azure quartz 蓝石英 _3=^/5

Babel quartz(Babylonian quartz) 贝泊水晶 oKh ]7K{HX

bacalite 淡黄琥珀 -hA g'DUBc

Bacchus stone 巴克斯石,酒 gl5ueuFq1j

bacon stone 冻石 KJw XkrIt

Badakhshan lapis 巴达赫尚青金 DOf0_p1i~

Baffa diamond 巴伐钻石 2[EZzRuu"

Baguette 长阶梯型宝石 JAQ@W#e

baguette cut 长阶梯形琢型 8tr@ ,5

Bahia amethyst 巴伊亚紫晶 UsMi=,7

Bahia emerald 巴伊亚祖母绿 69r$.9~F

bahias 巴伊亚钻石 MK5~A%mN

Bahrein Island 巴林岛 zL2/d<Um

baikalite 透辉石 wd4 ^G?-'!

balas(balass ruby) 巴拉斯红宝石 TcABE"X

balias ruby 巴利阿斯红宝石 同巴拉斯红宝石(balas ruby) )@-%|l

ball jasper 球形碧石 W?#|=,O

ball pearl 球形淡水珍珠 RfoLB

ballas 工业钻石 jN04W1`

Baltic amber 波罗的海琥珀 q2 eG

baltimorite 巴尔的摩石,硬叶蛇纹石 OY"G {lI

banded agate 缟玛瑙 k`Oat3

banded obsidian 带 黑曜岩 Xc|{t,+Xu

bandjaspis 缟碧石 rEE/ `v

bangle 手镯,脚镯 #b&VA

Baraketh(Bereketh) 胸甲第叁石 kiuwa}sz

Barbara beryl 巴巴拉绿宝石 Rw(&Wag:

barite 重晶石 + Eh:$L!!)

barium glass 钡玻璃 ~u9-t

Barkly Breakwater diamond 巴克利．伯利克瓦特钻石 U(1oA)^sX.

barklyite 刚玉宝石 xRU(jO

Baroda gem 巴罗达宝石 x[-_1Nr%

baroque(stone) 原形宝石 ,,`PREk

baroque pearl 异形珍珠 -G'aYq7gwC

barytine(barytes) 重晶石 [ ls?pC

basanite 试金石 x5Ld~tc{

base 下面,背面 "~9^woJ

bastard amber 劣质琥珀,不纯琥珀 0 h~nhD%

bastard cut 非正式形状的琢型 8.9 "PK|R

bastard emerald 巴斯塔德祖母绿 K]Se39} 9

bastard jet 巴斯塔德煤精 )]UL66 %$Q

bastard quartz 白玻璃石英,块状白石英 =Qj B70su

bastite 绢石 (|dOI

batata roxa 碧玺 RA*vl[<!~

bati xaga 箭根石 0j V 5E

baton 棒型 同baguette Wy]U<NO,

Bavarian quartz cat*s eye 巴伐利亚石英猫眼石 %S\I_

bayate 褐铁碧石 _|=N%o[

Bazaruto pearl 巴扎鲁托珍珠 r[\6O^g

Bazu 巴祖钻石 m:fh*&`=

Bdellium (Bedola 圣经中的宝石ch) @[Fl6z '

bead cut 念珠琢型 oqzhj8~5

beccarite 绿锆石 tP4O^

beckerite 伯克树脂石 t)diAZ}[U

beckite(beekite) 玉髓,燧石 c^gAcZ^j

Beilby layer 热熔层,伯尔比层 eTHg<_n

belgite 硅锌矿 u5{%G8,N

beli oculas 缟玛瑙 6| WuMb

bell pearl 钟形珍珠 T8S#)

belomorite 月光石 6j:l>>Z*$

bemiscite 比米斯长石 @0Al

bengal amethyst 孟加拉紫晶 :<.Y`x^

benitoite 蓝锥矿 xt1tfZg

如需转载请注明来自FanE『翻译中国』 0cz\!

http//www.FanE.cn @i_|^lWk

berigem 贝利石 n}yc&:76U>

berkeyite 天蓝石 ? H+,xk

bernstein 琥珀 '|rAco]D

Berquem,Ludwig Van 比尔凯姆 q0 _ \s'H

beryl 绿宝石,绿柱石 ty=W

beryl glass 绿宝石玻璃 BT8 y'>Z

berylite "绿柱石" a[oMI$_

beryllonite 磷钠铍石 gP|1O-L

beryloscope 绿宝石镜 =-Uilhw

betrothal ring 订婚戒指 4qrLIt<

bevel cut 倾料翻光面型 SJvPf"3(

bezel 嵌宝石沟缘 Y?#z,WFS

bezel facet 上侧斜面 x6omh+B

bezels 斜垫面 !gbz>@UB

bezel setting 镶嵌爪脚 x06%hTir

bicycle tires ó轮型 YWO`3

billitonite 勿里洞玻陨石 8$B%EoVAw

binarite 白铁矿 (DXw|k

bird's eye 鸟眼珍珠 4q} xi,%

bird's eye quartz 鸟眼石英 K11yI!$!

bird wing pearl 鸟翼珍珠 Jf'h

birdfringence 重折射,双折射 l`XIo6

birth stones 诞生石 6c~%Qd

biseau cut 倾斜翻光面型 &N,[7FOh

bishop's stone 基督主教石 D5#hx*

bitellos 大钻石 g{ }uXc|X

bitumen 土沥青 guVm 24

bivalve 双壳贝 C)|u~uZc

bixbite 红色绿宝石,红绿柱石 eX2QK_u

bizel facet 上侧饰面,斜垫面 同bezel facet un_BrpiYl

bizet 上侧饰部,冠部 1XK^ )Og

black amber 黑琥珀 .c1SB0+G

black andradite garnet 黑色钙铁榴石 =:@.6x+(f

black coral 黑珊瑚 :G]%X :,K

black diamond 黑钻石 同carbonado OIb:IdEhn

black garnet 黑榴石 Kb YH-

black jasper 黑碧石试金石 同basanite .2oCY6C&1

black lava glass 黑熔岩玻璃 9W<x~E'

black lip shell 黑蝶贝 herY" 2>

black moonstone 黑月长石 }Ae]H|

black opal 黑欧泊,黑蛋白石 mLH>g7

black prince's Ruby 黑太子红宝石 3^12*$l%

black spinel 黑尖晶石 iw`<7\

Black Star Sapphire 黑星蓝宝石 g#q>)w\'

bleached pearl 漂白珍珠 EJlt+Ny&+

如需转载请注明来自FanE『翻译中国』 =wqUln

http//www.FanE.cn :L,{Z

blebby 圆形包裹体,气泡 2*AhN ~*

blende 闪锌矿 JxTW &<

blister pearl 贝附珍珠 )P)fSe8`E

bloc(block) 一堆,一批 S)<j!q~

block amber 天然块状琥珀 yp`/ U$y

blood agate 血玛瑙,血点玛瑙 :.1?n]dk

blood coral 血珊瑚 o0[=}^8-

blood drop 血坠 LV'Ywsx\

blood ironstone 血铁石 Pjp.i0H=s

blood jasper 血玉髓,血石 tiPcu Z11

bloodshot iolite 血光董青石 m+i+9T

bloodstone 血石,血玉髓,血星石 70 i| I

blue agate 蓝玛瑙 sWGNY<Ri

blue copper 蓝铜矿 'C +5Tmg

blue chrysoprase 蓝绿玉髓 n5U |VS

blue earth 蓝色土 DkY7sHTN$

blue ground 蓝地 /Wn+V>a

blue jasper 蓝玉髓 YoBcUX+#ww

blue John 蓝约翰,萤石(氟石) A?pB1#m

blue malachite 蓝孔雀石,蓝铜矿 F[B,

blue moonstone 蓝月光石 &3KROKJ+UX

blue opal 蓝欧泊,天蓝石 VW_@lP<5J

blue pearl 蓝珍珠 NDV@r$

blue point pearl 蓝点珍珠 @b>:Y+P

blue river diamond 蓝色河水钻 AXtpmaZ

blue rock 青金石 :]1We

blue schorl 锐钛矿 ^iZ,6]`

blue spar 天蓝石 ]/A: T{

如需转载请注明来自FanE『翻译中国』 YlrQn-

http//www.FanE.cn 7 ktp

Blue Wesseltons 蓝色维谢尔顿 gUg]

blue white 蓝白钻 fBE+:sf

blue zircon(blued) 蓝锆石(处理蓝色) ed(cy&e

boart(bort,bortz,boort,bowr) 圆粒金刚石,劣质钻石 2N6nQ

bobrowska garnet 铁镍石榴石 *IZ9~'.8T

bocco de fogo 碧玺 tqJpwD6=?

Bohemian chrysolite 波希米亚橄榄 ,c[qk

Bohemian diamond 波希米亚钻石 q!H`smFo=

Bohemian garnet 镁铝榴石 KJG3 VV]0

bohemian ruby 啬薇石英 U$iBD6

Bohemian topaz 波希米亚黄宝石,黄水晶

脚本最初是从演艺界过来的，指表演戏剧、拍摄电影等所依据的底本或书稿的底本。

在计IT行业，脚本语言又被称为扩建的语言，或者动态语言，是一种编程语言，用来控制软件应用程序。

1、脚本(script)是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中，因为脚本不仅可以减小网页的规模和提高网页浏览速度，而且可以丰富网页的表现，如动画、声音等。

2、动态程序一般有两种实现方式，一是二进制方式，一是脚本方式。

二进制方式是先将我们编写的程序进行编译，变成机器可识别的指令代码(如.exe文件)，然后再执行。这种编译好的程序我们只能执行、使用，却看不到他的程序内容。

脚本简单地说就是一条条的文字命令，这些文字命令是我们可以看到的(如可以用记事本打开查看、编辑)，脚本程序在执行时，是由系统的一个解释器，将其一条条的翻译成机器可识别的指令，并按程序顺序执行。因为脚本在执行时多了一道翻译的过程，所以它比二进制程序执行效率要稍低一些。

扩展资料：

脚本(Script)实际上就是程序，一般都是有应用程序提供的编程语言。应用程序包括浏览器(javascript、VBScript)、多媒体创作工具，应用程序的宏和创作系统的批处理语言也可以归入脚本之类。

脚本同我们平时使用的VB、C语言的区别主要是：

脚本语法比较简单，比较容易掌握脚本与应用程序密切相关，所以包括相对应用程序自身的功能脚本一般不具备通用性，所能处理的问题范围有限。脚本就是源程序，就是代码程序。

常见的脚本语言有C Shell、JavaScript、Nuva、Perl、PHP、Python、Ruby、Tcl、VBScript、CSS。

参考资料：

百度百科词条-脚本语言

1、安装sass

1.安装ruby

因为sass是用ruby语言写的，所以需要安装ruby环境

打开安装包去安装ruby，记住要勾选 下面选项来配置环境路径

Add Ruby executables to your PATH

安装完成之后继续下一步操作

2.安装sass

在cmd里通过gem安装sass

gem是ruby的包管理工具，类似于nodejs 的npm

gem install sass1

这个时候如果不翻墙的话是会出问题的，因为：

由于国内网络原因（你懂的），导致 rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败。这时候我们可以通过gem sources命令来配置源，先移除默认的https://rubygems.org源，然后添加淘宝的源https://ruby.taobao.org/，然后查看下当前使用的源是哪个，如果是淘宝的，则表示可以输入sass安装命令gem install sass了

$ gem sources --remove https://rubygems.org/

$ gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https，请将淘宝源更换成：gem sources -a http://gems.ruby-china.org】

$ gem sources -l

*** CURRENT SOURCES ***

https://ruby.taobao.org

# 请确保只有 ruby.taobao.org

$ gem install sass1234567

安装好之后执行sass -v就可以看到sass的版本了

实在实在不行，就安装离线文件吧,但是失败率也很高

gem install ./…/sass-3.4.22.gem

2、编译sass文件的方式

1.命令行编译

可以通过cmd命令行执行sass方法来编译

例如：

sass scss/a.scss:css/a.css1

sass 后面写要编译的sass文件的路径，‘：’后面写的是

要输出的目录及名字

需要注意的是：必须有这个文件夹才能在里面生成css

这样的话写一句执行一次编译一次有些太麻烦

可以开启一个watch来监听文件变化来进行编译

sass --watch scss:css1

–watch表示要监听 ：前后的两个都是文件夹，表示scss文件夹的文件改变就编译到css文件夹

2.其他方式编译

除了命令行工具其实还可以用考拉、gulp等工具进行编译，但是ruby和sass是必须要安装的

考拉的方式就不多做介绍了，大家i自己去看一下

gulp的话呢是需要gulp-sass的模块来编译，使用方式类似于gulp-less

这里是网址，点击查看

3、sass四种风格

sass编译的格式

sass编译输出的css有四种格式

nested 嵌套

compact 紧凑

expanded 扩展

compressed 压缩

这些样式会影响输出的css的格式

简单介绍一下：

css默认输出的嵌套

ul{

      font-size:15px

      li{

             list-style:none

      }

}123456

—》

ul {

 font-size: 15px}

 ul li {

   list-style: none}1234

紧凑compact

在编译的时候需要执行

sass --watch scss:css --style compact1

这个时候输出的代码就是

ul { font-size: 15px}

ul li { list-style: nonepadding: 5px}12

compressed 压缩

在编译的时候需要执行

sass --watch scss:css --style compressed1

—>

ul{font-size:15px}ul li{list-style:noneanimation:all 0.4s}1

expanded 扩展

更像是平时写的css一样

在编译的时候需要执行

sass --watch scss:css --style expanded1

—>

ul {

 font-size: 15px

}

ul li {

 list-style: none

 animation: all 0.3s

}1234567

compressed 压缩

更像是平时写的css一样

在编译的时候需要执行

sass --watch scss:css --style compressed1

—>

.a{width:100pxheight:100pxborder:1px solid red}.a .b{background:red}1

4、sass与scss

sass的两个语法版本

sass一开始用的是一种缩进式的语法格式

采用这种格式文件的后缀名是.sass

在sass3.0版本后我们常用的是sassy css语法，扩展名是.scss，更接近与css语法

两个版本的区别

后缀名不同 .sass和.scss

语法不同，请看下面

新版：

/*新版本

多行文本注释*/

//新版本

//单行文本注释

@import "base"

@mixin alert{

      color:red

      background:blue

}

.alert-warning{

      @include alert

}

ul{

      font-size:15px

      li{

             list-style:none

      }

}123456789101112131415161718

老版本：

/*新版本

多行文本注释

//新版本

 单行文本注释

@import "base"

=alert

      color:red

      background:blue

.alert-warning

      +alert

ul

      font-size:15px

      li

             list-style:none1234567891011121314

5、变量、嵌套、混合、继承拓展

变量的意义

在sass里我们可以定义多个变量来存放颜色、边框等等的样式，这样就可以在下面想要使用样式的时候使用变量了

这样的优点就是便于维护，更改方便

变量的使用

可以通过$来定义变量，在变量名字中可以使用-和_来作为连接，并且-和_是可以互通的，就是用起来一模一样。

变量的值可以是字符串、数字、颜色等等，在变量里还可以使用其他变量，使用的时候直接写变量名就好了

例如

$primary-color:#ff6600

$primary-border:1px solid $primary_color

div.box{

      background:$primary-color

}

h1.page-header{

      border:$primary-border

}12345678

—》

div.box {

 background: #ff6600

}

h1.page-header {

 border: 1px solid #ff6600

}123456

嵌套的使用

合理的使用嵌套语法，可以使我们编写代码更为快捷

假设我们想写这样的css：

.nav {

 height: 100px

}

.nav ul {

 margin: 0

}

.nav ul li {

 float: left

 list-style: none

 padding: 5px

}1234567891011

在sass里我们可以这样写

.nav{

      height:100px

      ul{

             margin:0

             li {

                    float:left

                    list-style:none

                    padding:5px

             }

      }

}1234567891011

大家会发现，写出来的代码父和子之间都有空格隔开，如果我们需要给a加上伪类的话我们这样写

.nav{

   height:100px

   a{

       color:#fff

       :hover{

           color:#ff6600

       }

   }

}123456789

在里面就会出现这样的情况

.nav a :hover {

 color: #ff6600

}123

我们发现在a和:hover之间有了空格，这样是不好的，所以我们需要在写的时候在：hover之前把a加上，这样就需要用到在之类里引用父类选择器的方式，我们可以用&符号代替父类

例如：

.nav{

   height:100px

   a{

       color:#fff

       &:hover{

           color:#ff6600

       }

   }

}123456789

这样就好了，下面来个完整的代码：

.nav{

   height:100px

   ul{

      margin:0

      li{

             float:left

             list-style:none

             padding:5px

      }

      a{

             display:block

             color:#000

             &:hover{

                    color:#f60

                    background:red

             }

      }

   }

   &&-text{

      font-size:15px

   }

}12345678910111213141516171819202122

-----》

.nav {

 height: 100px

}

.nav ul {

 margin: 0

}

.nav ul li {

 float: left

 list-style: none

 padding: 5px

}

.nav ul a {

 display: block

 color: #000

}

.nav ul a:hover {

 color: #f60

 background: red

}

.nav .nav-text {

 font-size: 15px

}12345678910111213141516171819202122

嵌套属性

我们可以把一些个复合属性的子属性来嵌套编写，加快编写速度，例如

body{

      font:{

             family:Helvitica

             size:15px

             weight:bold

      }

}

.nav{

      border:1px solid red{

             left:none

             right:none

      }

}

.page-next{

      transition:{

             property:all

             delay:2s

      }

}12345678910111213141516171819

-----》

body {

 font-family: Helvitica

 font-size: 15px

 font-weight: bold

}

.nav {

 border: 1px solid red

 border-left: none

 border-right: none

}

.page-next {

 transition-property: all

 transition-delay: 2s

}1234567891011121314

mixin 混合

你可以把它想象成一个有名字的定义好的样式

每一个mixin都有自己的名字，类似于js里的函数定义方法如下

@mixin 名字(参数1，参数2...){

   ...

}123

使用方法是在其他选择器css样式里通过@include引入，其实就相当于将mixin里的代码写入到这个选择器的css里，如下：

@mixin alert {

      color:#f60

      background-color:#f60

      a{

             color:pink

      }

      &-a{

             color:red

      }

}

.alert-warning{

      @include alert

}12345678910111213

-----》

.alert-warning {

 color: #f60

 background-color: #f60

}

.alert-warning a {

 color: pink

}

.alert-warning-a {

 color: red

}12345678910

刚才是没有参数的mixin，mixin也可以拥有参数，需要注意的是：

形参的名字前要加$

传参的时候只写值的话要按顺序传

传参的时候不想按顺序的话需要加上形参名字

例如：

@mixin alert($color,$background) {

      color:$color

      background-color:$background

      a{

             color:darken($color,10%)//把颜色加深百分之十

      }

}

.alert-warning{

      @include alert(red,blue)

}

.alert-info{

      @include alert($background:red,$color:blue)

}12345678910111213

------》

.alert-warning {

 color: red

 background-color: blue

}

.alert-warning a {

 color: #cc0000

}

.alert-info {

 color: blue

 background-color: red

}

.alert-info a {

 color: #0000cc

}1234567891011121314

继承拓展 extend

如果我们有一个选择器想要拥有另一个选择所有的东西，不管是样式还是子元素等等，可以使用@extend来继承

大家需要注意的是，++b继承a的时候，a的子元素设置了样式，也会给b的子元素设置样式++，达到完全一样的情况，例如：

.alert {

      padding:5px

}

.alert a {

      font:{

             weight:bold

             size:15px

      }

}

.alert-info {

      @extend .alert

      backgournd:skyblue

}12345678910111213

----》

.alert, .alert-info {

 padding: 5px

}

.alert a, .alert-info a {

 font-weight: bold

 font-size: 15px

}

.alert-info {

 backgournd: skyblue

}12345678910

partials

在以前咱们编写css的时候，一个css引入另一个css需要使用@import，其实这是不好的，会多发一次http请求，影响咱们站点的响应速度。

在sass里，咱们可以把小的sass文件分出去，叫做partials，在某个sass里通过@import ‘partials名’去引入，注意路径哟，这样的话就可以把partials里的代码引到咱们大的sass里一起编译

需要注意的是 partials的文件名前要加_

_base.sass :

body{

      margin:0

      padding:0

}1234

style.sass :

@import "base"

.alert {

      padding:5px

}

.alert a {

      font:{

             weight:bold

             size:15px

      }

}

.alert-info {

      @extend .alert

      backgournd:skyblue

}1234567891011121314

----------->

body {

 margin: 0

 padding: 0

}

.alert, .alert-info {

 padding: 5px

}

.alert a, .alert-info a {

 font-weight: bold

 font-size: 15px

}

.alert-info {

 backgournd: skyblue

}1234567891011121314

这样的话我们就可以把模块化的思想引入到sass里了

comment注释

sass里的注释有三种

多行注释

单行注释

强制注释

多行注释：压缩后不会出现在css里 /* /

单行注释: 不会出现在css里 //

强制注释：压缩后也会出现在css里 /! */

6、数据类型与函数

数据类型

在sass里有数字、字符串、列表、颜色等类型

在cmd里 输入

sass -i1

就会进入到交互模式，输入的计算可以马上得到结果

type-of()可以用来得到数据类型，如：

type-of(5) ->number1

注意数字类型的可以包含单位，如：

type-of(5px) ->number1

字符串类型：

type-of(hello) ->string

type-of('hello') ->string12

list类型：

type-of(1px solid red) ->list

type-of(5px 10px) ->list12

颜色：

type-of(red)  ->color

type-of(rgb(255,0,0)  ->color

type-of(#333)  ->color123

number 计算

2+9 -》10

2*8 -》16

(8/2) ->4 //除法要写括号123

也可以包含单位

5px + 5px ->10px

5px -2 ->3px

5px *2 ->10px

5px * 2px ->10px*px //这样就不对了哟

（10px/2px） ->5//除法单位取消

3+2*5px->13px123456

好吧，都是一些小学的数学题，很简单对吧

处理数字的函数

绝对值

abs(10) ->10

abs(10px) ->10px

abs(-10px) ->10px123

四舍五入相关

round(3.4)->3  //四舍五入

round(3.6)->4

ceil(3.2)->4  //向上取整

ceil(3.6)->4

floor(3.2)->3  //向下取整

floor(3.9)->3

percentage(600px/1000px) ->65%  //百分之

min(1,2,3) ->1   //最小值

max(2,3,4,5) ->5  //最大值123456789

字符串相关

//带引号和不带引号的字符串想加为带引号的字符串

"a" + b ->"ab"

a + "b" ->"ab"

//字符串+数字

"ab" + 1 ->"ab1"

//字符串 - 和 / 字符串

"a" - b ->"a-b"

"a" / b ->"a/b"

//注意字符串不能相乘123456789

字符串函数

大写：

$word:"hello"

to-upper-case($word) ->"HELLO"12

小写：

$word:"Hello"

to-lower-case($word) ->"hello"12

得到length：

$word:"Hello"

str-length($word) ->512

得到字符串在字符串里的位置：

$word:"Hello"

str-index($word,"el") ->212

字符串中插入字符串：

$word:"Hello"

str-insert($word,"aa",2) ->"Haaello"12

颜色相关

在sass里除了关键字、十六进制、rgb和rgba之外还有一种颜色是HSL

分别表示的是 色相 0-360（deg） 饱和度 0-100% 明度 0-100%

例如：

body {

      background-color:hsl(0,100%,50%)

}

-》

body {

 background-color: red

}1234567

body {

      background-color:hsl(60,100%,50%)

}

-》

body {

 background-color: yellow

}1234567

也可以有透明哟

body {

      background-color:hsl(60,100%,50%，0.5)

}

-》

body {

 background-color: rgba(255,255,0,0.5)

}1234567

颜色函数

lighten函数和darken函数可以把颜色加深或减淡，即调整明度，第一个参数为颜色，第二个参数为百分比，例如：

$color:#ff0000

$light-color:lighten($color,30%)

$dark-color:darken($color,30%)

.a{

      color:$color

      background:$light-color

      border-color:$dark-color

}12345678

—》

.a {

 color: #ff0000

 background: #ff9999

 border-color: #660000

}12345

saturate和desaturate函数可以调整颜色的纯度

$color:hsl(0,50%,50%)

$saturate-color:saturate($color,50%)

$desaturate-color:desaturate($color,30%)

.a{

      color:$color

      background:$saturate-color

      border-color:$desaturate-color

}12345678

–》

.a {

 color: #bf4040

 background: red

 border-color: #996666

}12345

用transparentize来让颜色更透明

用opatify来让颜色更不透明

$color:rgba(255,0,0,0.5)

$opacify-color:opacify($color,0.3)

$transparentize-color:transparentize($color,0.3)

.a{

      color:$color

      background:$opacify-color

      border-color:$transparentize-color

}12345678

—》

.a {

 color: rgba(255, 0, 0, 0.5)

 background: rgba(255, 0, 0, 0.8)

 border-color: rgba(255, 0, 0, 0.2)

}12345

列表类型

在sass里，用空格或者逗号隔开的值就是列表类型

如：

1px solid red

Courier,microsoft yahei12

列表函数

sass里的列表类似与数组

获取列表的长度

length(5px 10x)  2

获取列表中的第几个元素

nth(5px 10px,2)  10px

获取一个元素在一个列表里的下标

index(1px solid red,solid) 2

给列表里加入新的元素

append(5px 10px,5px)  5px 10px 5px

连接两个列表

join(5px 10px,5px 0) 5px 10px 5px 012345678910

map类型

sass里的map类型类似与js里的object

$map:(key1:value1,key2:value2,key3:value3)1

map 函数

//定义一个map

$color:(light:#ffffff,dark:#000000)

//获取map 的length

length($color)    ->2

//得到map里key对应的值

map-get($color,dark)   ->#000000

获取map里的所有键的列表

map-keys($color)   ->("light","dark") //列表类型

获取map里的所有值的列表

map-values($color)  ->("#ffffff","#000000") //列表类型

判断map里是否含有这个key

map-has-key($color,light)   ->true

给map里添加键值对

map-merge($color,(light-gray:#cccccc))

->(light:#ffffff,dark:#000000,light-gray:#cccccc)

移除map里的某个键值对

map-remove($colors,light)  ->(dark:#000000,light-gray:#cccccc)1234567891011121314151617

boolean类型

在sass里通过><比较得到的值就是布尔值 true 和false

5px>3px ->true

5px<2px ->false12

在sass里也可以有或 且 非

且：

(5px >3px) and (5px <2px) ->false

(5px >3px) and (5px >2px) ->true12

或：

(5px >3px) or (5px <2px) ->true

(5px <3px) and (5px >2px) ->false12

非：

not(5px>3px) ->false1

interpolation

在sass里可以通过interpolation的方式来在变量名和属性名上拼接变量值，例如

$name:"info"

$attr:"border"

.alert-#{$name}{

      #{$attr}-color:red

}12345

---->

.alert-info {

 border-color: red

}123

7、分支结构、循环结构、函数

分支结构

在sass里，可以使用@if让我们根据一些条件来应用特定的样式

结构：

@if 条件 {

 

}123

如果条件为真的话，括号里的代码就会释放出来

例如：

$use-refixes:true

.rounded{

  @if $use-refixes {

      -webkit-border-radius:5px

      -moz-border-radius:5px

      -ms-border-radius:5px

      -o-border-radius:5px

  }

  border-radius:5px

}12345678910

—>

.rounded {

 -webkit-border-radius: 5px

 -moz-border-radius: 5px

 -ms-border-radius: 5px

 -o-border-radius: 5px

 border-radius: 5px

}1234567

如果是另外一种情况

$use-refixes:false1

—》

.rounded {

 border-radius: 5px

}123

if else在sass里的写法是：

body{

      @if $theme == dark {

             background:black

      } @else if $theme == light {

             background:white

      } @else {

             background:gray

      }

}123456789

for循环

在sass里的for循环是这样的

@for $var form <开始值>through <结束值>{

   ...

}123

还有一种是

@for $var form <开始值>to <结束值>{

   ...

}123

注意，开始值和结束值的关系可以是升序也可以是倒序，但是每次只能+1或者-1

这两种有什么区别呢？

区别就是 from 1 to 4 的话是执行三次，i的变化是 1 2 3

from 1 through 4 的话是执行四次，i的变化是 1 2 3 4

如：

from to

$columns:4

@for $i from 1 to $columns{

      .col-#{$i}{

             width:100% / $columns * $i

      }

}123456

—》

.col-1 {

 width: 25%

}

.col-2 {

 width: 50%

}

.col-3 {

 width: 75%

}123456789

from through

$columns:4

@for $i from 1 through $columns{

      .col-#{$i}{

             width:100% / $columns * $i

      }

}123456

—>

.col-1 {

 width: 25%

}

.col-2 {

 width: 50%

}

.col-3 {

 width: 75%

}

.col-4 {

 width: 100%

}123456789101112

each 遍历list类型

在sass里可以利用each方法来遍历咱们的list类型的数据

list类型在js里类似于数组，那么each类似于for in遍历，结构如下：

@each $item in $list{

   ...

}123

例如：

$colors:success error warning

$map:(success:green,warning:yellow,error:red)

@each $color in $colors{

      .bg-#{$color}{

             background:map-get($map,$color)

      }

}1234567

—>

.bg-success {

 background: green

}

.bg-error {

 background: red

}

.bg-warning {

 background: yellow

}123456789

@while 循环

在sass里，拥有@while循环，比@for会更好用一些,@for循环只能从一个数到另一个数变化之间执行，每次变化都是1，while设置循环结构的话更为灵活；

结构：

@while 条件{

 

}123

eq：

$i:6

@while $i>0{

      .item-#{$i}{

             width:$i*5px

      }

      $i:$i - 2

}1234567

注意：$i - 2 需要用空格隔开哟

---------》

.item-6 {

 width: 30px

}

.item-4 {

 width: 20px

}

.item-2 {

 width: 10px

}123456789

自定义函数

在sass里也可以定义函数，并且也可以有返回值

结构：

@function 名称 (参数1，参数2){

   @return ...

}123

例如，我们做一个返回map里key对应的值的函数：

$colors:(light:#ffffff,dark:#000000,gray:#555555)

@function color($key){

      @return map-get($colors,$key)

}

body{

      background:color(light)

      color:color(dark)

      border-color:color(gray)

}123456789

—》

body {

 background: #ffffff

 color: #000000

 border-color: #555555

}

---