PS的样式跟CSS的样式是一样的吗?我可以理解为把PSD文件制作成代码之后,ps的样式就需要CSS表现吗?

html-css03

PS的样式跟CSS的样式是一样的吗?我可以理解为把PSD文件制作成代码之后,ps的样式就需要CSS表现吗?,第1张

PS的样式跟CSS的样式不一样,css样式是层叠样式表,是网页制作时使用的样式,是对网页中的图片文字等对象进行控制(文字的大小,颜色 等,图像左右对齐,是否为背景图等),ps的样式是为图像添加投影等样式,直接使用在图像上。不需要css来表现。

PSD

就是网页设计图,而

CSS+DIV

则属于网页代码方面的,网页制作就是把平面设计图转化为网页的形式。

1.

设计图要区分好背景和文字,一般除了广告图里面的文字以外全部文字都不作为背景,背景有底面背景、模块背景、头部背景、导航栏背景、和一些按钮图标,每一处的背景都要将上层文字隐藏,然后把每一块都切片,一个图大约有几十个背景图片。

2.

切片的技巧,切片后,保存为

Web

应用格式,一般的背景图片可以用

GIF

格式存储,可调节颜色数量(只有黑白两种颜色就选择2),这样图片文件较小;而广告图就用

JPG

格式存储,品质8左右就足够了。

3.

CSS+DIV

:一个是用

div

布局,技巧很多,例如,一般网站都按照头部—中部—尾部三大块布局,还有“先上下后左右”的原则布局;另一个就是用CSS控制样式,元素样式完全使用样式表控制,样式表技巧更多,表分类可以分开全局样式表、首页样式表、栏目页样式表,另外有解决浏览器兼容问题的元素默认样式,还有公共类样式,例如

.w980

代表宽度为980px的网页

.hot

热门词加个深一点的颜色,等等。

如果是PSD说明是网页的设计图。不是CSS。如果真是网页的设计图。你要做成网页形式才能用。先用用photoshop或着fireworks切成小图。但不是全部。然后在自己用HTML和CSS写成网页形式

你是在做推广吗。如果是,算我白回答了。