PSD 切片成 CSS DIV 后如何居中网页

居中 div

注意正文设置的text-align：center，再设置这个设置后div margin：0 auto的样式

div 位于页面中间的中心。

你可以去了解保证金

它的基本格式是边距：向上、向右、向下、向左;

当写为 margin：0 auto; 这样，它的含义就是边距：上下，左，右;

例如，margin：0 auto; 上下含义为0，左右距离为自动。

将 psd 切成 css+div 后，网页的元素是文本和容器。 CSS 居中包括文本居中和容器居中。 也可以从两个角度来考虑：水平居中和垂直居中。 下面对文本水平居中、容器水平居中、文本垂直居中和容器垂直居中的四个视角进行说明。

有关详细信息，请参阅它。

为最外层标签设置 text-align：center; margin:0 auto;

PS切片生成的CSS绝对定位，网页居中，首先我们需要清楚知道，PS切片生成**，是整个网页的一部分，而网页的整体居中，是通过控制一个总div来实现的，用margin方法做，margin理解，如图所示：

**理解：

如果你想让所有的div都居中，在css中设置它：

div！

如果你想一个人做，你可以在上面放一个ID或类！

最好不要绝对定位，因为您正在与多个浏览器和许多用户打交道，并且会出现意想不到的兼容性问题！ 页面的中心很容易做到！ 保证金可以帮到你！

要使整个页面居中，您不必逐个更改 div！ 如果你有时间模仿建站网找我，我帮你解决！

你必须在**的所有外部添加一个容器，div 使其 margin：0 auto;

不建议直接生成PS，最好自己布置一下。

PSD是网页设计图，CSS+DIV属于网页，网页制作就是将图形设计图转化为网页的形式。

1.设计图要区分背景和文字，一般除了广告地图中的碧茶文字外，所有文字都不作为背景，背景有底底、模块背景、头部背景、导航栏背景，还有一些按钮图标，每个地方的背景都要隐藏上面的文字， 然后把每一块切开，一张图片大约有几十个背景**。

2.切片技巧，切片后，另存为Web应用格式，一般背景可以存储为gif格式，颜色数量可以调整（只有黑白两种颜色选择2种），让**文件大小更小; 广告图片以jpg格式存储，8左右的质量就足够了。

3.css+div：一种是采用div布局，有很多技巧，比如一般**按照盛宴的头皮-中-尾三大布局，以及“先上下后左右”的原则布局; 另一种是用CSS来控制样式，元素样式完全使用样式表来控制链，样式表的技巧比较多，表格分类可以脱离全局样式表、主页样式表、列页样式表，还有元素默认样式来解决浏览器兼容性问题， 以及公共类样式，例如 .

w980 代表宽度为 980px 的网页颜色较深的热词，依此类推。

PSD 是网页设计图，并且。

css+div

它属于网页的第一个方面，网页的制作是将平面设计图纸转化为网页的形式。

设计图纸要区分背景和文字，一般除了广告地图中的文字外，所有文字都不作为背景，背景有底底、模块背景、头部背景、导航栏背景，还有一些按钮图标，每个地方的背景都要隐藏上面的文字， 然后把每一块切开，一张图片大约有几十个背景**。

切片提示，切片后另存为。

可以使用Web应用程序格式，一般背景**。

GIF格式存储，色号可调（只有黑白两种颜色选择2种），此霍尔样品电阻**文件较小; 并使用广告图像。

JPG格式存储，质量8左右就足够了。

css+div

使用一个。 div

例如，布局一般按照头-中-尾三大布局，以及“先上下后左右”的原则; 另一种是用CSS来控制样式，元素样式完全由样式表控制，样式表的技巧更多，表格分类可以与全局样式表、首页样式表、汇春列页的样式表、解决浏览器兼容性问题的元素默认样式分开， 例如，以及公共类风格。

w980 代表宽度为 980px 的网页

颜色较深的热词，依此类推。