网页样式

--圆圈里面有数字

<div class="circle" id="circle- " style=" width:20px; height:20px; background-color:gray; border-radius:25px;float:left;">
<span style="height:20px; line-height:20px; display:block; color:#FFF; text-align:center">4</span>
</div>

---三角号
http://www.codes51.com/article/detail_112478.html

--css3设置阴影

http://blog.csdn.net/billfeller/article/details/40436491  

box-shadow:10px 10px 20px rgba(0,0,0,0.5);}
---显示省略号

    text-overflow: ellipsis;
    width: 300px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;

前台页面效果

http://www.w3cfuns.com/-------前段综合学习
http://www.swiper.com.cn/api/pagination/2014/1217/68.html-------动画前段效果
http://www.dowebok.com/code-------动画前段效果
http://www.html580.com/10942------动画前段效果
http://www.17sucai.com/pins/tag/5720.html ---页面效果

scss学习

http://sass.bootcss.com/