三个静态页面练习总结

1.游戏网页

A.问题：背景图和背景有1px间隙，不能很好的融合在一起。

解决方法：背景切下来比实际的左右各小10px，背景图比实际的左右各大10px。这样背景图可以完全盖住背景，不会产生间隙。

B.问题:背景透明，内容不透明。

解决方法：给背景加rgba，如background:url() no-repeat 10px 14px rgba(0,0,0,0.5);

2.商城首页

A.控制的标签冲突问题（后面的样式覆盖前面的）。

解决方法：可以给需要控制的标签加上class类名，也可以给他们的父级加不同的类名。

B.标签的选择问题。

解决方法：该加链接的一定要加链接。

C.无序列表不要为了控制某一项而而单独加class类名，如当有边框重合，边框粗变成两倍时，不要给此li加border:none;。

3.企业网站

A.网页下面出现滚动条问题。

解决方法,给要自适应宽度的背景图<img/>标签一定要加宽度100%。