如何用ps切出css样式 pscs5怎么切片

怎么把PS设计好的网页切成div+css形式?

把psd网页先划分成三大块，顶部，中间部分，底部。然后在各个部分继续划分字模块，每个模块都统一用DIV来实现，css只是负责定义层的属性，比如宽，高，背景色，位置等等。

直接生成的web格式是table布局的，唯一方法就是生成切片的图片后自己写代码。

使用ps切片，切好了保持为 web存储格式 弹出的窗口可以设置保持的类型的，可以设置成div加css的 如下图：切好片以后，文件保存为web存储文件，就会弹出下面的图片。点击红框的箭头。点击输出设置。

相关问答

Q1: ps设计网页,怎么生成CSS样式文件和HTML,

1、ps只有一个切片，可以用来把ps格式的设计图，转化成table布局的html文件。暂时还没有div+css的。

2、首先，在ps中打开一张要处理的图片。然后，在左侧的工具栏中点击切片工具。接着，用切片工具把图片分成4份。之后，再依次点击左上角的文件——存储为web所用格式。在弹出的窗口中点击存储的按钮。

3、这个你用ps保存成html格式的试试，但是这种方法保存的不一定是你要的效果，最好的效果就是自己写出来，图片把它分离出来做素材。

4、这个问题很简单，网上有些比较变态的软件，按照一定的逻辑程序把你切割好的PS文件硬性转化成所谓的XHTML+CSS文件。这样的东西主要是什么都不懂的新手去用。

Q2: ps怎么设置CSS样式?求详细点

1、现在用css3，很多ps上的效果完全可以用代码弄出来了，如文字阴影，倒影，渐变的文字等都可以，遗憾的是IE家族支持不是很好。

2、首先下载好字体样式，然后打开ps。然后在菜单栏中点击窗口→样式，将其勾选，这样界面上就会显示了。在样式面板的右上角有个更多选项的图标，点击它，然后会弹出样式的设置列表。

3、首先在桌面上双击ps的快捷图标，然后将ps软件打开。打开ps之后按下Ctrl+N键新建一个文件，然后在工具箱内找到文字工具。点击文字工具在上面的菜单区里设置文字的字体和大小。

4、首先打开PS，然后新建一个图形文件，再输入一行文字。将该行文字选上，点击如图中位置，可以选择字体样式、大小等。在右下侧图层栏把该图像选上，在图像中空白处点击右键，在弹出菜单中选择“图层样式”。

Q3: 求各位大虾能给用ps和dreamweaver切图成html和css的教程,简单的图片会...

1、打开简单的文本编辑器。大部分文本编辑软件都能编写HTML，不过，复杂的软件有自动格式功能，比较难组织HTML页面。将文件格式改成“网页”（Web Page）、“.html”或“.htm”，存在容易找到的位置。

2、在CSS中插入背景图像：{background-image：url(..路径../xx.gif)；} gif图片可以用ps打开，也可以用window自带的图片和传真查看器打开，实在不行用浏览器（IE或者Firefox等等）也可以。

3、^-^知友你所要的文件已发送：因为上传这些文件要用好长时间，所以当你收到文件后第一时间去“百度知道”你提问的地址，采纳我为最佳答案，以免造成不必要的误会。如果还需要其他软件、教程，你可以去“百度知道”重新提问。

4、没人是一来就会的，网页制作这方面说简单不简单，说简单了也简单。

5、简单的代码就一些，一般用心学也就3，5天。也就一些超链接，图片，图片链接，排版，表格布局什么的。CSS，JAVA，实现注册，登陆，留言，这些都是高端一点的知识了。百度上很多应该，你搜搜HTML语言教程。

关于如何用ps切出css样式和pscs5怎么切片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。