61阅读

叹为观止的意思-中国现存的最令人叹为观止的20座惊世桥

发布时间:2018-04-18 所属栏目:网络编程

一 : 中国现存的最令人叹为观止的20座惊世桥

NO.20 湖北神农溪大桥 225米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

神农溪特大桥是宜巴高速公路控制性工程,横跨巴东县5A旅游景区神农溪上,桥长1.15千米,总投资近2.8亿元。(www.61k.com]大桥2009年8月动工,2012年8月完工。

NO.19 腊八斤特大桥 229米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

腊八斤特大桥是四川雅(安)至西(昌)高速公路跨越腊八斤沟的一座特大桥,是雅泸高速公路控制性工程;腊八斤沟特大桥位于荥经县境内,主桥跨径组合为:105 2?200 105m,桥长1140多米,单墩跨度最大200米。

NO.18 重庆芙蓉江特大桥 240米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

No.17 贵州落脚河大桥 250米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

落脚河大桥,位于贵毕高等级公路,于2000年12月建成。桥长507米,飞架典型的U型谷桥面至河面高差250米,位于贵毕公路第20合同段,为预应力钢筋砼加劲板梁悬索桥,桥长507.96米,主跨278米,桥面至河面高差为250米。于1999年5月开工,于2000年12月竣工。

NO.16 贵州江界河大桥 256米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

江界河大桥,位于贵州省瓮安县江界河风景区,在瓮安县城以北48公里处的震天洞峡谷中。

NO.15 贵州阿志河特大桥 260米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

阿志河特大桥是镇宁至水城公路的控制性工程。该桥位于水黄公路第5合同段,为预应力钢筋砼加劲板梁悬索桥,悬索吊桥全长448米,桥宽13米,距水面高度260米。于2001年7月开工, 2003年5月竣工。 非高速公路桥。

No.14 重庆武陵山大桥 263米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

武陵山大桥位于重庆市黔江区境内,是包茂高速之渝湘高速公路上的特大桥之一,地处渝湘高速黔江至彭水段(K1787 400至K1830 300),为主跨360米的双塔双索面斜拉桥,桥梁全长832米,桥宽24.5米。

N0.13 重庆沿溪沟大桥 280米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

我渝最高的一座桥。。沿溪沟大桥位于重庆黔江区水田乡农桥村与正阳镇之间,分左右两幅,单幅全长560米,其中主桥长310米,主跨150米,桥面与谷底垂直高度为280米。于2004年通车。

No.12 贵州水柏铁路北盘江大桥 280米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

贵州水柏铁路北盘江大桥位于六盘水市境内的深山峡谷处,跨越北盘江,是单线铁路钢管拱桥;桥长485m,高达280m,主跨236m;该桥为国内第二大跨度铁路桥梁,钢管拱采用转体法施工,单铰转体重量达10400吨,为当时世界之最。该桥于2000年12月24日成功转体顺利合龙,并于2001年11月建成通车。

No.11湖北支井河大桥 294米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

它是世界上桥面高度最高的拱桥,桥高294米,跨度为430米,跨过清江北侧的支流支井河,也是世界上最长的10座拱桥之一。此桥位于湖北省恩施土家族苗族自治州巴东县野三关镇与大支坪镇之间。

NO.10 贵州六广河大桥 305米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

是贵阳-毕节汽车专用二级公路上横跨六广河峡谷的一座特大型桥梁。主桥为中跨240m边跨145.1m的预应力混凝土连续刚构,其中2号桥墩高90m。引桥为20m无粘结预应力空心简支板,全长为564.2m。

No.9 贵州马岭河大桥 323米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

马岭河大桥,位于板江高速公路,横跨国家4A级风景区——马岭河大峡谷,于2009年8月28日合龙。大桥全长1386米,最高塔高196米,为预应力混凝土双塔双索面斜拉桥。

NO.8 六冲河特大桥 336米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

六冲河特大桥是黔织高速重要的控制性工程。大桥全长一千五百零八米,总投资三点四六亿元,2012完工。

N0.7 贵州镇胜高速公路北盘江大桥

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

大桥于2005年10月26日开工建设,总投资约4.7亿元,2008年7月完工。

NO.6 湖南矮寨大桥 350米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

矮寨特大悬索桥,位于湖南湘西矮寨镇境内。矮寨悬索桥,距吉首市区约20公里,跨越矮寨镇附近的山谷,德夯河流经谷底。桥型方案为钢桁加劲梁单跨悬索桥,全长1073.65m,悬索桥的主跨为1176m。该桥跨越矮寨大峡谷,主跨居世界第三、亚洲第一。工程计划投入7.2亿元,占吉茶高速公路计划总投资的15%。2012年3月底,创4项世界第一的湖南矮寨特大悬索桥正式通车。

N0.5 贵州坝陵河大桥 370米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

坝陵河大桥位于贵州省黔西地区高原重丘区,是沪瑞国道主干线上跨越坝陵河大峡谷的第一座特大型桥梁。该桥为主跨1088米的单跨钢桁加劲梁悬索桥,桥梁全长2237米,桥面至坝陵河水面370米。

NO.4 贵州 抵母河大桥 380米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

抵母河特大桥位于水城县董地乡东北约2公里处的抵母河峡谷,是杭瑞高速贵州省毕节至都格(黔滇界)公路的三座特大桥之一,抵母河特大桥全长881.5m,主桥采用538m单跨钢桁梁悬索桥,其桥跨布置为4×40m+538m+4×40m。2012年9月开工建设。

NO.3 湖南张家界澧水特大桥 400米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

张家界澧水特大桥地处张家界市永定区和湘西自治州永顺县交界处,是目前湖南在建高速公路唯一一座悬索桥,也是张花高速公路关键控制性工程之一。大桥横跨澧水河大峡谷,谷底宽约50米,谷顶宽约420米,谷底与桥面高差达400米,由路桥集团国际建设股份有限公司承建。钢桁梁架设是悬索桥施工中的关键工序,钢桁梁全长1194.2米,共分为72个节段,标准节段重量约为101吨,最大节段重量约117吨。

NO.2 贵州关兴公路北盘江大桥 486米

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

都格北盘江大桥位于贵州省六盘水市水城县都格镇,是杭瑞高速贵州省毕节至都格(黔滇界)公路的三座大桥之一。大桥跨越云贵两省交界的北盘江大峡谷,与云南省在建的杭瑞高速普立至宣威段相接。

NO.1 湖北四渡河特大桥 560米 “世界第一高桥”、沪蓉西高速公路四渡河特大悬索桥

沪蓉西四渡河特大桥 中国现存的最令人叹为观止的20座惊世桥

主跨900米,被誉为“天路中的天桥”,是沪蓉西重点控制性工程,位于湖北省巴东县野三关镇花栎树村。地处湘鄂渝三省市交界的湖北恩施自治州武陵山脉,平均海拔1000多米,森林覆盖率达75%,岩溶、漏斗、暗河遍布山野,有着原始森林的独特风貌,置身其中,空气清新,满眼绿意,有种悠然赏心的感觉。但是在我国高速公路建设史上,这里凭借着独特的原始森林风貌和复杂的地质环境一直是无人问津的工程“禁区”,相比其他省市蓬勃发展的交通大潮,它羞涩地拒绝着,却又热切地企盼着,因为经济的发展已不容它拒绝了。2004年8月,随着国家经济建设步伐的进一步加快和西部大开发的需要,湖北沪蓉西高速公路动工了。2006年10月9日,从四渡河大桥西岸射出了世界建桥史上的“第一箭”———两枚火箭成功地将两根长1000多米、直径14毫米的软质高强先导索抛过900多米宽的峡谷,准确落在制定地点,成为世界建桥史上的“经典一瞬”,将永远载入桥梁建设的史册。

二 : 广陵止息,真的止的了叹息?

点开音乐播放器,不知怎滴弹出一首琴曲,默然点开。琴凝音醉我,人儿更堪奏。

曾记否,那日鹊纷飞,你在桥头,我在桥后,细细的云簪,分出了天与地,分开了你和我。曾记否?千里烟波,银汉迢迢,我御飞舟,你在舟头,芊芊素裘,浅浅银流。曾记否?万世回眸,三生情缘,相隔银河头,人渐瘦。再描不尽云海宫楼,再书不出曾经温柔。

我们终有一天,会应和时光苍老,褪去青涩,变得成熟,变得内敛,终到沧桑。许多年之后。当你不再美丽,当我不再轻狂。你将会发现,有些东西,没有等待,有些东西,不能后悔,有些东西,徒有悲添。我是多么希望,当我老了,我的儿女问我,你年轻时曾经最爱的人是谁的时候,我不希望我要做的是翻出一本旧相册,我希望我能抬起手指着屋子另一头说,他就坐在那里啊!我曾听说三十三重天,离恨天最高。四百四十病,相思病最苦。可怜没有一位大夫,开的出医治“生不能相守,死不能相见”的处方。正如鱼鸟之恋,鱼儿离不开水,可怜鸟儿不能潜水,当鱼儿恋上鸟儿的咏唱,当鸟儿听懂了鱼儿相思的苦涩,这就是注定的悲剧,天水隔断,就算抛弃生命怎么能抓紧执着的美满?时光凋零了花瓣,飘雪融化在指尖,你的身影在哪方蹁跹?并不是不想追随你的脚步,也不是不想留在这里永驻,只是辽阔的大海才是鱼儿的归宿,苍茫的天空才是你的场地,不是不想紧紧抓住你的手,只是害怕你在以后的生活不再有。

我真的想要听一首歌,听到泪流满面;真的想写一首词,写到以后不愿提笔;真的想看一本书,可以找到所有的答案;真的想牵一双手,从此相伴到白首。真的想执着的不肯认输,可我不能羁绊你远飞的身影,那就不妨让我把伤痛全部背负。天边又起了风,带来了你的气息,吹散了散漫的云,风只是路过,云却记住了它的气息,不是因为它可望不可及,而是它给它带来了撕心裂肺的伤。云散了可以再聚,风过了还可以在吹,但是满身的创伤却是难以痊愈。我想错过你,为什么命运让你我相遇?如果这人生就是一出戏,那么谁又在看台上哭泣?

当我打开电梯,闭合的门缓缓的向两侧驶去,仿佛打开了一个世界,一个陌生的有你的人间,一个未知的迷惘的空间。当远方汽车的鸣叫,人们嘈杂的谈话,把我从幻想中惊醒,我却是知道,人还是一样的人,人间还是那么的残忍,只是我在幻想自己能够再次打开那扇心门,妄图把自己深深地埋葬在自己精心构建的坟,一心的挤上那班仓促的开往地府的班车,匆匆又不失留恋的渐行渐远。

三 : 令人叹为观止的亚当斯河红鲑鱼大洄游奇观

  不列颠哥伦比亚省注定是孕育鲑鱼的沃土

四年一度 去加拿大赏红鲑鱼洄游

  星期五 2010年09月03日  Neeu.com 优网

今年十月,蜿蜒流过汤普森欧垦娜根地区 (Thompson Okanagan) 罗海布朗省立公园 (Roderick Haig-Brown Provincial Park) 的亚当斯河 (Adams River) 将再现红鲑洄游的壮观景象,它们返回出生地产卵并死去。是什么令洄游如此独特?因为这样的震撼之旅四年才有一次。在这场历时 18 天、约 400 公里(250 英里)的坎坷归途中,三到四岁大的鲑鱼将在金秋季节从太平洋溯流入河,一路历经千辛万苦游过汹涌激流,克服艰难险阻逆流而上。



尽管挑战重重,鲑鱼还是每四年进行一次洄游,而且会发生一种明显的变化:途中,它们的身体会从银蓝色变成赤红色,头冠呈翠绿色。为庆祝被称为大洄游年间的这一盛大的鲑鱼聚集场面,光临公园的游客们可以在 10 月 2 日至 24 日的 2010 年红鲑礼赞 (2010 Salute to the Sockeye) 盛会期间参加预定活动、观看丰富多彩的节目。

这注定是一场热闹非凡的庆典,聚集洄游不仅是观赏这些世间奇鱼逆流勇进的大好时机,它们还引来鹰类和其它掠食者的一路追杀。

在北温哥华 (North Vancouver),游览卡皮兰诺鲑鱼养殖场 (Capilano Salmon Hatchery) 的游客可以参加寓教于乐的自助游,着重了解常栖鱼的寿命。威化溪产卵水道 (Weaver Creek Spawning Channel) 位于温哥华东部,也是观赏鲑鱼的绝佳地点,赏鲑活动在十月初开始。



继续向北进入利卢埃特 (Lillooet) 社区,体验当地原住民向导解说游:参观坑屋 (Sheesh'kan)、享用传统美食午餐、观看从水中捞捕鲑鱼并放在沿岸的架子上风干。锦上添花的是,该探险游还可带你洞悉鲑鱼种群、了解鲑鱼天敌所扮演的角色,以及它们各自对本地区生态系统至关重要的作用。

游览温哥华岛 (Vancouver Island) 期间,游客们从 10 月到 12 月都可在温哥华岛黄金溪省立公园 (Goldstream Provincial Park) 的原始景色中一睹鲑鱼的风采。该公园距省会维多利亚 (Victoria) 市中心仅 17 公里(11 英里),为绝佳的观赏机会提供了平台。

每个地方都以自己独有的方式,以独一无二的优越地理位置来庆祝鲑鱼洄游。

抬头满目红枫 低头鲑鱼洄游

2010年8月18日 F03:TRAVEL·印象异域 稿件来源:申江服务导报 作者:林枫

  



  

  



  

  



  

  



  

  



  

⊙文/林枫⊙图/本报资料

秋天,加拿大东部的景色如金子般令人瞠目,橙色、红色这样绚丽的色彩或相交相融,或层层变化。游客抬头赏红枫漫坡,低头看鲑鱼洄游,走过非同一般的视觉之旅。

赏枫行动从落基山脉开始

每年9月第三周开始,加拿大的枫叶就开始红了。国家公园,湖畔山间,高速公路两边,到处都能看到各式各样的枫树。往东还是往西?这是一个很纠结的命题!你看,加拿大的东部地区到了秋天是满山遍野的枫红,给人直接而强烈的视觉感受,而加拿大西部的的不列颠哥伦比亚省除了有红枫之外,还有各种变叶木及花卉以及壮观的鲑鱼大回游景象。

■落基山因电影《断背山》而出名的落基山在9-10月份是颜色最多的时候,美得更像一幅画——远处的高山已有了白雪,森林里红绿相间的树林像是大地的调色盘,特别是9月,山区里偶尔会飘下小雪,更添几许浪漫。另外,因为落基山脉的冰原大道在10月中旬关闭,所以如果你在10月中旬前到达,还可以坐到冰原雪车,为秋游增加一个体验项目。

■赏枫火车和落基山脉的苍茫感觉不同的是,坐“赏枫火车”去山间、峡谷里穿梭一下,和枫树能离得更近:你可以在安大略省著名的枫叶之都苏圣玛丽古城登上观光火车,当火车行驶到苏必利尔湖东岸的阿格瓦峡谷底部时会停车两小时,乘客有充分时间下车随意游览。这段长达180公里的铁路线穿梭在高架桥与山水之间,鲜红、橙色和金色的枫叶与湖光山水融为一体,让人感觉如同置身于画中。一路上餐车内还会提供美味可口的各式佳肴,边吃边看啥也不耽误。如果你对火车情有独钟,还有一个选择就是去加蒂诺山坐一列运营了100多年的怀旧蒸汽火车。每年秋季,这列名叫“威克菲尔德”的蒸汽火车都会发出秋季赏枫专列,它顶着大片白色蒸汽欢快地驶过枫树林。

■枫叶大道如果你的旅行工具主要是汽车,那直接开上“枫叶大道”吧!那可是加拿大东部最出名的赏枫去处。贯穿于加拿大东部安大略和魁北克两省的“枫叶大道”,并非是人们想象中一条笔直的道路。它全长大约八百公里,西起安大略尼亚加拉瀑布地区,一路蜿蜒东行,途经安大略湖、多伦多、金斯顿、圣劳伦斯河、渥太华、蒙特利尔、最终延伸到魁北克地区。枫叶大道通过40号、417号及407号公路连接,一路上,湖光山色与枫林相辉映,开累了还能随时在附近的小镇停留休息,感受加东两省英法文化的差异和独特魅力。

其实在秋天,赏枫的地方随处可见,城市里、尼亚加拉大瀑布旁、甚至鲑鱼洄游的沿途,都有无数亮点,你只需担心看得审美疲劳,丝毫不用担心没方向。

溯河而上看三文鱼浩荡回故乡

鲑鱼,就是三文鱼。很多人吃过三文鱼,但从没见过活的三文鱼,更别说看三文鱼洄游了。看了一次你就知道,为什么三文鱼的肉这么好吃,那可是拼过体力活后锻炼出来的。

■鲑鱼洄游入秋的9月到11月,是加拿大西岸鲑鱼洄游产卵的重要时期,每到此时,成熟的鲑鱼群们会从银白色变成淡粉红,成群结队从大海入河、溯河而上,接着循原路返回出生时的故乡产卵、繁殖,场面极为壮观。而且这样的场面每四年才有一次,值得好好珍惜。加拿大西部有很多观赏鲑鱼洄游的景点,你可以在那里漫步,看到鲑鱼跃“龙门”的同时也能欣赏到最美的秋色。

加拿大的卑诗省有赏鲑的三大重点地区:亚当河(AdamsRiver)、威化溪(WeaverCreek)及黄金溪(Goldenstream)。游客们几乎只要站在河岸,就可以目视如此神奇的生态奇观。

■鲑鱼红毯亚当斯河流域是鲑鱼极品——红鲑的主要出生地之一,最适合观赏红鲑产卵的地点在罗德瑞克黑格布朗省立公园。当全身赤红的鲑鱼顺着溪流洄游,这里就犹如一条美丽的红地毯,无限延伸。只要沿着公园的步道走,你就可以欣赏到红鲑地毯奇景。

■产卵水道在威化溪,你可以看到红鲑、粉红鲑和狗鲑。威化溪有一条产卵水道。在上世纪60年代,由于鲑鱼产卵河床受到洪水的侵袭破坏,为了保护鲑鱼,当地人在威化溪旁建造了一条长达2,932米的人工浅溪,河床铺上小碎石,两侧用大石筑成了所谓的产卵水道来抢救鱼卵,使得红鲑数量比水道未建之前增加了200倍以上,在水道中孵出的鱼苗比例高达80%,是鲑鱼保护相当成功的例子,值得前往一游。

■与鱼同游第三个看鲑鱼的地方当属温哥华岛维多利亚西北方的Langford——黄金溪。它最大的特色是仍处于原始雨林状态的鲑鱼产卵保护区,每年10月下旬,成千上万的狗鲑、银鲑、国王鲑逆流而上、争先前来产卵。在北美太平洋里生活的最重要的5种鲑鱼中,黄金溪聚集了为数众多的狗鲑。这些鲑鱼彼此推及翻腾,拍打出无数水花,让游人根本看不见溪底的石头。

如果你光看不过瘾,还能和鲑鱼同游!当地有公司会组织游人身穿潜水服,顺流而下,近距离观赏数千条鲑鱼逆流而上的盛景。

虽然看完了鲑鱼洄游马上就坐进餐厅享用鲑鱼的美味是有点冷酷,但很多人还是忍不住啊,那各位就自己看着办吧,不忍心吃现成的,就打包买点烟熏鲑鱼回家慢慢吃。



令人叹为观止的亚当斯河红鲑鱼大洄游奇观

  (2009-08-04 18:44:30) 转载

每年的9月到11月,是加拿大不列颠哥伦比亚省鲑鱼洄游产卵的重要时期,而每四年一次在亚当斯河(Adams River)出现的红鲑鱼大洄游,真是令人叹为观止。当二百万条全身赤红的鲑鱼顺着溪流洄游,亚当斯河犹如一条美丽的红地毯,无限延伸,如此壮观的生态奇景吸引着世界各地的游人前来目睹。



亚当斯河是极品红鲑鱼的主要出生地之一,四周林荫环绕,充满自然原始情调。在所有亚当斯河流域中,最适合观赏红鲑鱼产卵的地点在罗德瑞克黑格布朗省立公园(Roderick Haig-Brown Park),只要沿着公园的步道漫游,就可以欣赏美丽的红鲑地毯奇景。



罗德瑞克黑格布朗省立公园占地约1059公顷,公园内覆盖了加拿大特产道格拉斯杉,以及白杨、赤杨树等。亚当斯河鲑鱼协会在每四年一次的鲑鱼大洄游时,都会举办“Solute to the Sockeye”(向鲑鱼致敬)的盛会,以此将赏鲑活动推至高峰。



红鲑鱼的祖先一直生活在高寒地带的河流里,小红鲑在海中生活四五年左右就都长大成熟了,这时它们便成群结队的返回故乡到淡水里产卵,进行一年一度的繁殖。它们以每小时五十公里左右的飞快速度逆流而上,一路上不休息,不进食,顶风破浪,一鼓作气地游回故乡,在那里产卵、授精、直至死去。一幕幕总是让人刻骨铭心,这是鲑鱼一生最后的使命,并愿意为这个使命付出生命!

加拿大洛磯山脈楓紅 四年一度鮭魚洄游奇觀

更新日期: 2010/08/23 12:05

   鮭魚迴游

賞楓就要到最壯闊的加拿大體驗震撼感動的美景!除了壯麗的山景和優美的湖泊外,升達旅遊達人特別推薦童話般的路易斯湖及城堡飯店,踩在幾億年才形成的哥倫比亞冰原上讓人一生難忘。除了天然美景外,擁有人文特色的維多利亞布查花園,以及被評比為世界最適合人居住的城市溫哥華,都值得深入探索。更難得的是2010年秋季正是四年一度的鮭魚大迴遊!屆時將有約200萬隻紅鮭迴遊到Adams River,預估世界各地專程造訪的遊客將超過10萬人,四年一度、扣人心弦的奇景不可錯過!

升達旅遊「加拿大洛磯山脈、維多利亞、冰原雪車、賞鮭、單堡10天」出發日9月13, 21, 28, 10月1, 2, 8只要72,800含稅起。另有9月13, 17, 10月6出發11天,加贈惠斯勒一日遊,超值優惠!另有獨家迪士尼遊輪,和米奇船長揚帆暢遊加勒比海、佛羅里達17天(1/29出發),9/15前報名,限額買內艙送外艙,以及和紐約時代廣場跨年倒數(12/26出發),各一團,名額有限,歡迎詢問~

更多詳情請洽:升達國際顧問或上網 www.61k.comtw

四 : CSS可以做的几个令你叹为观止的实例分享

在我写“你未必知道的JavaScript和CSS交互的5种方法”一文时,人们对于JavaScript和CSS是如何重叠的感到惊讶。今天,我将重点强调你能用CSS完成的7种工作——不需要通过JavaScript或图片。

  CSS@supports

  在使用一些浏览器可能没有的特性时,每一个优秀的前端开发者都需要进行特性测试。特性测试一直以来都是由JavaScript来做的,许多人使用Modernizr,一个由许多测试良好的案例构成的优秀实用工具,来做特性测试。一个新API:@supports,不管怎样,已经出现在开发人员面前,它能让你用CSS来做特性测试。以下是一些@supports如何工作的简单例子:

复制代码 代码如下:


/* basic usage */
@supports(prop:value) {
 /* more styles */
}

/* real usage */
@supports (display: flex) {
 div { display: flex; }
}

/* testing prefixes too */
@supports (display: -webkit-flex) or
          (display: -moz-flex) or
          (display: flex) {

    section {
      display: -webkit-flex;
      display: -moz-flex;
     display: flex;
     float: none;
    }
}

这个新的@supports特性,同样有一个对应的JavaScript版本,但已经过期了,我们期待着早点使用它!

  CSS滤镜

  写一个服务来修改图片的色调,然后你可以以数十亿美元把它卖给Facebook。当然,那是一件很简单的事,但是写图像滤镜并不是一门科学。我到Mozilla 的第一个星期写的一个小程序(得了奖,额,我只是随便说说而已)用了一些基于JS的数学用canvas来创建图像滤镜,但现在我们用CSS就能创建图像滤镜了。

复制代码 代码如下:


/* simple filter */
.myElement {
 -webkit-filter: blur(2px);
}

/* advanced filter */
.myElement {
 -webkit-filter: blur(2px) grayscale (.5) opacity(0.8) hue-rotate(120deg);
}

  这个类型的滤镜只是改变了下图像的原来样子而已,保存或导出图像时并没有用所说的滤镜,但当你需要给照片美化或处理海报时这很好用。

  Pointr Events和 Bricking Clicks

  CSS的Pointr Events属性提供了一个方法来有效的禁用一个元素,正因为如此,通过JavaScript,点击一个链接不会触发一个单击事件:

复制代码 代码如下:


/* do nothing when clicked or activated */
.disabled { pointer-events: none; }/* this will _not_ fire because of the pointer-events: none application */

document.getElementById("disabled-element").addEventListener("click", function(e) {
 alert("Clicked!");
});

  在上面的例子中,由于CSS pointer-events值的原因,单击事件将不会触发。我发现了它的巨大作用,你不需要每处都检查className或属性来确保一些元素是否已经禁用了。
  
  折叠、展开菜单

  CSS让我们可以创建过渡效果和动画,但是很多时候我们需要JavaScript库来帮助我们修改一些东西和控制动画。一个很流行的动画就是折叠、展开菜单效果,很多人都不知道只用CSS就可以实现!

复制代码 代码如下:


/* slider in open state */
.slider {
 overflow-y: hidden;
 max-height: 500px; /* approximate max height */

 transition-property: all;
 transition-duration: .5s;
 transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

/* close it with the "closed" class */
.slider.closed {
 max-height: 0;
}

  Max-height的一个巧妙使用能让元素按想要的效果来折叠和展开。

  CSS计数器

  “计数器”这个术语在网络上表示的意思经常让我们傻笑,但CSS 计数器是另一件更让我们傻笑的事。CSS计数器允许开发人员在指定的元素上用:before和:after来增加一个计数器:

复制代码 代码如下:


/* initialize the counter */
ol.slides {
 counter-reset: slideNum;
}

/* increment the counter */
ol.slides > li {
 counter-increment: slideNum;
}

/* display the counter value */
ol.slides li:after {
 content: "[" counter(slideNum) "]";
}

  你经常见到CSS计数器被用在幻灯片效果上,和像表单内容的列表上。

  Unicode CSS样式名

  有许多CSS最好的实践文档,它们都是由如何给CSS样式命名开始的。你永远不会见到有个文档说的的用unicode符号来命名你的样式:

复制代码 代码如下:


.ಠ_ಠ {
 border: 1px solid #f00;
 background: pink;
}

.❤ {
 background: lightgreen;
 border: 1px solid green;
}

  请别用这些符号。除非你能行!

  CSS圆

  CSS三角形是一个技术活,CSS圆也同样如此。通过滥用CSS border-radius,你能创建很完美的圆!

复制代码 代码如下:


circle {
 border-radius: 50%;
 width: 200px;
 height: 200px;
 /* width and height can be anything, as long as they're equal */
}

  你可以给你的圆增加渐变,你甚至可以使用CSS动画来让你的圆动起来!CSS即将有更多统一的API提供给这些图形,但现在你可以用这种方法来创建圆了。

  你看到了,7件你能用CSS做的事让你很惊讶,其中一些是很有用的,一些可以在工作中用不到。请告诉我,我是否遗漏了一些在工作你经常使用优秀CSS方法。

本文标题:叹为观止的意思-中国现存的最令人叹为观止的20座惊世桥
本文地址: http://www.61k.com/1154682.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1