装备站之完结篇

今天上午结束了这个站的页面布局,没有包括js效果,花了一下午的时间进行图片压缩,图片精灵等一些代码的优化,本以为检查过了,没想法发出去的时候,还有一点小漏洞,看来还是不够细心,并不是不会。

今天遇到的一个问题是在做css sprite时遇到的,作为背景图要调用sprite上的图标时,有时候会遇到位置的偏移,例如li中背景小点点,我们在定位的时候,要考虑到li的高度,适当的在ps中量好的高度进行调整。

或者添加一个空标签,例如我今天用了a标签,在a标签中调用不同的class图片,一开始发现图片不能出来,后来使用了display:block,将a标签转换成块元素之后就ok了。

在文本框后添加一个背景图片的问题,通过display:inline-block,也顺利解决了。

现在在写样式的时候,规范自己尽量用少的标签,除了数据显示之外,不用table布局,标签要符合语义化,小图标全部合并成一张图。

之后这个站上线之后,会发布上来。

首页如下:

 

你可能感兴趣的:(职场,布局,页面布局,休闲,js效果)