我敢说,这些交通标志,你肯定分不清楚!.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="MobileOptimized" content="240"/>
  6. <meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=1.4"/>
  7. <title>我敢说,这些交通标志,你肯定分不清楚!</title>
  8. <style>
  9. html, body, div, span, applet, object, iframe, table, caption,
  10. tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
  11. kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
  12. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
  13. acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
  14. fieldset, form, label, legend {
  15. padding: 0;
  16. margin: 0;
  17. border: 0;
  18. list-style:none;
  19. }
  20. html {
  21. height:100%;
  22. }
  23. body {
  24. line-height:3em;
  25. min-height:100%;
  26. color:#444;
  27. -webkit-text-size-adjust:none;
  28. font-family: "微软雅黑";font-size:62.5%; }
  29. body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0;padding:0;}
  30. header, footer, section, article, nav, figure, figcaption, aside, canvas { display:block}
  31. ul, li {list-style:none;margin:0;padding:0;}
  32. input, textarea {
  33. margin: 0;
  34. padding: 0;
  35. border:none;
  36. border-radius: 0;
  37. -webkit-border-radius:0;
  38. -moz-box-sizing: border-box;
  39. -webkit-box-sizing: border-box;
  40. -o-box-sizing: border-box;
  41. -ms-box-sizing: border-box;
  42. box-sizing: border-box;
  43. }
  44. img {border:none}
  45. a {text-decoration:none;color:#444}
  46. /*select{height:22px; line-height:18px; padding:2px 0;font-size: 12px;}*/
  47. input, img {vertical-align:middle}
  48. /* iphone按钮初始化 */
  49. input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}
  50. .content{ padding:15px 15px 25px 15px; font-family:"微软雅黑";}
  51. .content h6{font-size:1.3em; color:#5d5d5d; margin-bottom:1.1em; line-height:1.3em; margin-top:1em; }
  52. .content h2{ font-size:1.6em; color:#5d5d5d;}
  53. .content p{font-size:1.2em; color:#606060; line-height:1.5em; margin-bottom:0.5em;}
  54. .content span{font-size:1.2em; color:#535353; line-height:1.5em; margin-bottom:0.5em;}
  55. .content img{width:100%;}
  56. </style>
  57. </head>
  58. <body>
  59. <div class="content">
  60. <h1>我敢说,这些交通标志,你肯定分不清楚!</h1>
  61. <p>无论新老司机,从驾校毕业那天开始,就慢慢的把交规全都还给老师了。一些常用的交通标志还能知道作用,但有些不常见的,或者是那些长相很相似的标志,那简直就是为难司机,今天就把那些重要的标志拿出来说一说,避免让大家盲目前行。</p>
  62. <h6>禁止长时间停车标志</h6>
  63. <p><img src="img18.jpg" /></p>
  64. <p>在此区域内,可以临时停放,禁止长时间停放。临时停放是指车辆停放时可以卸货或上下乘客,驾驶员必须在车内或车旁。<p>
  65. <h6>禁止停车线</h6>
  66. <p><img src="img19.jpg" /></p>
  67. <p>一般情况,这种禁停线都会搭配“禁止停车”的文字一起出现,黄色实线的区域就是禁止停车的范围。<p>
  68. <h6>禁止长时间停车线</h6>
  69. <p><img src="img20.jpg" /></p>
  70. <p>看见马路牙子上的黄色虚线,表示可以临时停靠卸货或上下客人,不允许司机离开该车。<p>
  71. <h6>单行道标志</h6>
  72. <p><img src="img21.jpg" /></p>
  73. <p>单行道,就是只能按照箭头指示的方向行驶,一般标识在道路的右侧,标志为长方形白色箭头。<p>
  74. <h6>单行路与直行标志的区别</h6>
  75. <p><img src="img22.jpg" /></p>
  76. <p>一般来讲,直行标志画在地上,或者是红绿灯旁。而单行线一般在马路的右侧,是立牌显示。<p>
  77. <h6>最高限速/最低限速</h6>
  78. <p><img src="img23.jpg" /></p>
  79. <p>最高限速:红色圈圈表示的为最高限速,司机在驾驶过程中不能超过此速度。<p>
  80. <p>最低限速:蓝色圈圈表示为最低限速,也就是说在行驶过程中,车速不能低于上述数值。 <p>
  81. <h6>停车让行/减速让行</h6>
  82. <p><img src="img24.jpg" /></p>
  83. <p>停车让行:指在该路段行驶时,要将车辆停在停车线之前,观察周围情况,确定道路安全后方可通行。<p>
  84. <p>减速让行:在该路段行驶时,要减速慢行,遇到主干路的汽车要减速避让,确定安全后才可通行。<p>
  85. <h6>会车先行/会车让行</h6>
  86. <p><img src="img25.jpg" /></p>
  87. <p>会车先行:是指在狭窄的道路上,两车相会时,有条件的车要避让,让无条件的车先行通过,一般是细箭头一方(红箭头)让行粗箭头一方(白箭头)。<p>
  88. <p>会车让行:当两车相会时,细箭头一方(红箭头)必须停车,避让粗箭头(黑箭头)车先行。<p>
  89. </body>
  90. </html>