“中秋”项目总结

继第一次接触活动项目黄金星期三、充值活动之后，感觉顺手起来，速度也变快了N倍，嘿嘿嘿~特别是在和PHP的交互上，也有一些自己的概念。

像以前一样，总结下收获吧，这次主要一些新学的东西和技巧：

1. 有见过script的这个type吗？

<script type="text/x-tmpl">  

浏览器会认为这不是一个Script脚本，不会去解析执行里面的内容。

2. 新学到的两个技巧

（1） 列表序号突出的CSS实现方法

实现方法如下：

 padding-left: 30px;  
 text-indent: -30px;  

就是一开始没有想到呀！

（2） 圆形根据内容变宽成椭圆形

到

html部分：

<div class="mkq">  
    <span class="mkq2">2333</span>
</div>  

css部分：

.mkq {  
    width:20px;  
    height: 20px;  
}  
.mkq2 {  
    background: #000;  
    min-width: 20px;  
    height: 20px;  
    border-radius: 10px;  
    color:#fff;  
    text-align:center;  
    display: block;  
    position:absolute;
}  

演示地址：http://codepen.io/makaiqian/pen/bKhpA

兼容性：如果要兼容ie 6，那border-radius的圆角效果就要用背景图片来取代。然后再加一层，用背景图片取右半球，根据中间text的宽度向右撑开。