第三篇20171020

现在是深夜2:25分。正在值班当中。
晚上做了另外一个综合示例。
过程当中还是有很多内容发现自己忘了,然后又查查查。好在大概的样子算是完成了。
下面是原图:

原图.png

然后是我做的:

我做的.png

发现的问题:

1 - 图片的大小要预先处理好,这样在做的过程中会少很多麻烦。
2 - 合理恰当的使用选择器,这样可以理清结构,方便修改。
3 - 列表,列表,是按列来的哦,下次可别搞错了。
4 - 选择器应该还能重新写下,简化下。
5 - 不是好的方案,还可以用表格。
6 - 左边使用了无序列表,样式使用了图片。实际应该是表单。

列上代码吧:



    
        
        综合练习2
        
        
    
    
        

英雄资料

  • 坦克
  • 法师
  • 刺客
  • 战士
  • 辅助
  • 新手
  • 近战
  • 潜行
  • 远程
  • 推进
  • 大野
  • 后期

英雄价格

  • 6300
  • 1350
  • 4800
  • 450
  • 3150

物品资料

  • 生命值
  • 攻击速度
  • 护甲穿透
  • 法力回复
  • 法术吸血
  • 移动速度
  • 护甲值
  • 暴击
  • 法术穿透
  • 魔法抗性
  • 冷却缩减
  • 生命回复
  • 附魔
  • 法术伤害
  • 物理伤害
  • 消耗品
  • 韧性
  • 法力值
  • 生命偷取
  • ![](imgs/0.jpg) 牛头酋长阿利斯塔
  • ![](imgs/1.jpg)牛头酋长阿利斯塔
  • ![](imgs/2.jpg)牛头酋长阿利斯塔
  • ![](imgs/3.jpg)牛头酋长阿利斯塔
  • ![](imgs/41.jpg)牛头酋长阿利斯塔
  • ![](imgs/0.jpg) 牛头酋长阿利斯塔
  • ![](imgs/1.jpg)牛头酋长阿利斯塔
  • ![](imgs/2.jpg)牛头酋长阿利斯塔
  • ![](imgs/3.jpg)牛头酋长阿利斯塔
  • ![](imgs/41.jpg)牛头酋长阿利斯塔
  • ![](imgs/0.jpg) 牛头酋长阿利斯塔
  • ![](imgs/1.jpg)牛头酋长阿利斯塔
  • ![](imgs/2.jpg)牛头酋长阿利斯塔
  • ![](imgs/3.jpg)牛头酋长阿利斯塔
  • ![](imgs/41.jpg)牛头酋长阿利斯塔
  • ![](imgs/0.jpg) 牛头酋长阿利斯塔
  • ![](imgs/1.jpg)牛头酋长阿利斯塔
  • ![](imgs/2.jpg)牛头酋长阿利斯塔
  • ![](imgs/3.jpg)牛头酋长阿利斯塔
  • ![](imgs/41.jpg)牛头酋长阿利斯塔
  • ![](imgs/0.jpg) 牛头酋长阿利斯塔
  • ![](imgs/1.jpg)牛头酋长阿利斯塔
  • ![](imgs/2.jpg)牛头酋长阿利斯塔
  • ![](imgs/3.jpg)牛头酋长阿利斯塔
  • ![](imgs/41.jpg)牛头酋长阿利斯塔

你可能感兴趣的:(第三篇20171020)