用ps切片以后的图片,如何div+css布局,求详细步骤,高分
发布网友
发布时间：2022-04-25 15:24
共4个回答
热心网友
时间：2023-10-12 13:14
可能你以前一直用的是table+css的布局方式，至于切片的图片用div+css的布局，因为你每次切片的部位不同，布局方式当然也不同，不过总结起来无外乎几种方式：
上中下
左中右
左右
以上三种混合
总体的架构一般是这样：
1.
<div class="all">
<div class="head"></div>
<div class="middle"></div>
<div class="footer"></div>
</div>
2.
<div class="all">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
3.
<div class="all">
<div class="left"></div>
<div class="right"></div>
</div>
4.(如：上中下，中包括左中右)
<div class="all">
<div class="head"></div>
<div class="middle">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div class="footer"></div>
</div>
以上class元素的命名你自己可以定义，关键还是要学习一下div+css一些基础知识，布局其实不难。
热心网友
时间：2023-10-12 13:15
第二点我要素你的是，从ps切片后导出来的html有错位是正常的，如果你对div+css很熟悉，这是一个很简单的过程，这也是你迈向网页设计师的重大步骤。我想说的是导出来的html是需要调试的，留下我们该用的，舍弃不要的多余代码
调试方法：下载一个谷歌浏览器，右键网页有一个审查元素功能，那么利旧利用这个功能来完善你的网页。我说这么多，希望能帮助你！
热心网友
时间：2023-10-12 13:15
热心网友
时间：2023-10-12 13:16
