Question

如何用PSD切片用CSS+DIV布局，我想知道的是技巧方面的。谢谢了

Answer 1

PSD 就是网页设计图，而 CSS+DIV 则属于网页代码方面的，网页制作就是把平面设计图转化为网页的形式。
1. 设计图要区分好背景和文字，一般除了广告图里面的文字以外全部文字都不作为背景，背景有底面背景、模块背景、头部背景、导航栏背景、和一些按钮图标，每一处的背景都要将上层文字隐藏，然后把每一块都切片，一个图大约有几十个背景图片。
2. 切片的技巧，切片后，保存为 Web 应用格式，一般的背景图片可以用 GIF 格式存储，可调节颜色数量(只有黑白两种颜色就选择2)，这样图片文件较小；而广告图就用 JPG 格式存储，品质8左右就足够了。
3. CSS+DIV ：一个是用 div 布局，技巧很多，例如，一般网站都按照头部—中部—尾部三大块布局，还有“先上下后左右”的原则布局；另一个就是用CSS控制样式，元素样式完全使用样式表控制，样式表技巧更多，表分类可以分开全局样式表、首页样式表、栏目页样式表，另外有解决浏览器兼容问题的元素默认样式，还有公共类样式，例如 .w980 代表宽度为980px的网页 .hot 热门词加个深一点的颜色，等等。