html+css

 font字体的使用

• 下载字体，保存到文件目录
• 在项目文件中引用iconfont.css文件
• 使用span标签，添加两个class，一个iconfont，另一个为要使用的字体图标的名称（Fond class名称，不带.）

css盒子隐藏与显示

• display: none;与display: '';

 多于文本省略号显示 

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

 清除浮动

/* 清除浮动 */
  .clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0;
  }
  .clearfix {
    zoom: 1;
  }

给浮动元素的父亲添加清除浮动的class="clearfix"

 合并border边框

可以在css中添加border-collapse:collapse;是边框合并，防止出现重叠

box-sizing: border-box;的作用

加入属性box-sizing: border-box; 后，可以防止margin、padding影响元素的宽高，即元素会根据margin、padding的大小算进元素 规定的尺寸内部，不改变元素大小。一般会放在base.css中，以便整体使用

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }