这段时间一直接触了weui，weui的效果样式和微信能够相互融合。但微信这个css库，还比较缺组件，单独这样用。不过好在是github已经开源了十分多的库。weui在1.0的版本后大改过一次，命名方式修改了所以不再兼容。这也是

源的一个坑。用了一段时间发现了一些命名上的规律，用起来对这个样式有点思。

我们经常在weui样式看到hd ，bd， ft，按我猜测这个方式和网页中头，身体，脚相似。即 

hd 是header的缩写 

bd 是body的缩写 

ft 是footer的缩写

<div class="weui-panel__bd">
      <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
               <div class="weui-media-box__hd">
                  <img class="weui-media-box__thumb" src="img/下载.png" alt="">
                 </div>
 <div class="weui-media-box__bd">
        <h4 class="weui-media-box__title">标题一</h4>
 <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
           </div>
         </a>
      <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
            <div class="weui-media-box__hd">
                  <img class="weui-media-box__thumb" src="img/下载.png" alt="">
                    </div>
   <div class="weui-media-box__bd">
           <h4 class="weui-media-box__title">标题二</h4>
    <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                    </div>
                </a>
          </div>

从这个官网案例可以看到，weui_media_hd ，weui_media_bd， weui_panel_ft 这些命名

这里呈现的案例正好是猜测的接近，有头，有身，有脚。按这种记忆方法，写起来会记得起基础 的结构用法。