项目总结

最近由于项目比较紧也没有时间去整理自己的思路。由于之前自己的css样式不是很好，通过这个项目也历练了不少，所以就此机会去总结一下。

1.max-width/max-height,.设置了max-width属性说明这个元素的最大宽度为max-width的值，但是不足这个最大宽度值的时候呢？不足宽度值的时候，这个元素的实际宽度值就是宽度值。设置max-width属性主要是为限制一个元素的宽度，当超出这个宽度的时候，有时候文字会隐藏等等，但是当它不足最大宽度的时候，有时候会想让跟它并排的元素的间距不变，例如这个项目中这个中稳健理财...和热销产品就是用了这个max-width属性，由于稳健理财字数多超出了最大宽度，所以用省略号代替，其中用了

.text-truncate { overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

由于热销产品也是用了max-width这个属性，但是宽度没有达到max-length，所以显示的就是实际宽度，
另外，所以这个元素的宽度就是只有达到max-width才会显示这个宽度，其他的都是实际宽度。

2.关于伪类元素的添加。
一般都是使用:before或者是:after,
.noborderBottom:after{
    position: absolute;
    right: 60%;
    top: px2rem(17px);
    width: 1px;
    height: px2rem(30px);
    content: '';
    background-color: #eaeaea;
}
使用伪类千万别忘了content这个属性 content: '';要不然不起作用，伪类应用广泛，同时这个content
属性也有必要去写一篇文章。

3.关于background-size的设置
.title_bar{
  width: 100%;
  height: px2rem(158px);
  background: url(../img/promotion.png) no-repeat center;
  background-size: cover;
或者是
background-size: 100%;
都是覆盖全部背景