1. <body class="list">
  2.     <div class="iconfont icon-wailaidengji dengji">外来登记</div>
  3.     <div class="iconfont icon-wailairenyuandengji">外来人员登记</div>
  4.     <div class="iconfont icon-wailaicheliangdengji">外来车辆登记</div>
  5.     <div class="iconfont icon-wailaidengjizonglan">外来登记总览</div>
  6.     <div class="iconfont icon-renyuanguanli">人员管理</div>
  7.     <div class="iconfont icon-renyuanxinxi">人员信息</div>
  8. </body>
  1. @import url(font_0710/iconfont.css);
  3. .dengji{
  4.     color: bisque;
  5.     font-size: 2em;
  6. }
  8. .list > div:nth-of-type(2){
  9.     color: blue;
  10. }
  12. .list > .icon-wailaicheliangdengji + div{
  13.     color: aquamarine;
  14.     font-size: 50px;
  16. }

  1.  <div>我是屏幕大小</div>
  2.     <div>我是屏幕大小</div>
  3.     <div>我是屏幕大小</div>
  4.     <div>我是屏幕大小</div>
  7.         body{
  8.         background-color: aqua;
  9.     }
  10.     @media (min-width:1024px){
  11.         html{
  12.             font-size : 3em;
  13.         }
  14.     }
  15.     @media (min-width:1025px) and (max-width:1280px){
  16.         html{
  17.             font-size: 5em;
  18.             color: brown;
  19.         }
  20.     }
  21.     @media (min-width:1281px) and (max-width:1680px){
  22.         html{
  23.             font-size: 8em;
  24.             color:blanchedalmond;
  25.         }
  26.     }