ps切片 生成的css绝对定位 网页怎么居中

html-css017

ps切片 生成的css绝对定位 网页怎么居中,第1张

ps切片 生成的css绝对定位,网页居中,首先我们需要明确的知道,ps切片生成的图片,就是整个网页的一部分,而网页的整体居中的话,就是通过控制一个总的div来实现,用margin这个方法来做,margin的理解,如图:

通过代码来理解:

<html>

<head>

<style>

#main{

width:960px

height:600px

border:1px soild #f00

margin:0 auto

}

</style>

</head>

<body>

<div id='main'></div>

</body>

</html>

PS只能制作效果图,网页的大概分布情况,也让客户能先选择什么样的效果图;ps中的效果只能以图片的形式导出,文件大,网页浏览速度慢;而且你要是更新内容起来是都要重新做;不像CSS你大概的代码写出后,只要更改一下属性就可以了,其他的框架都不需要动!用PS制作的网页,一般都是前台网页美工,真正制作的不仅要熟悉网页三剑客dreamweaver,Fireworks,Flash;IE和firefox用于测试效果必不可少。想做一些内容比较丰富就要用到:比如:JSP、ASP、JavaScript等等,很多东西要学,你还是先把CSS样式学好吧!因为DIV+CSS是最基本的。

目前还不知道PSD拥有网页元素的交互性!好久都没有用过了,大概记忆写的!你可以到网上多了解一下,加油!

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