相信很多朋友都遇到过这样的问题：一个div里只有文字的时候，高度值和行高值相同时，这个div里的文字就可以垂直居中，但一旦加入图片，图片和文字都会靠div顶端对齐（这个问题只针对ie6，在ff种浏览是正常的···） 看了网上很多的一些文章，解决这个问题有很多办法。在这里推荐给大家一个我认为最简单的办法：为这个div里的img写一个hack，针对ie6的hack就可以了，为这张图片加一个上边距，*margin-top:4px;（比如就是4px，前面的*表示只针对ie6） 注：这个问题一般常见于某个区域的标题···，当然，在其他地方遇到这个问题，也可以用这个办法解决！ 希望对大家有用！
今天重新温习了一下用ps批处理图片，简单说一下步骤吧，以防日后忘记··· 1.先调出动作面板，可以在【窗口】菜单里选择【动作】，也可以alt+F9快速调出。 2.然后在动作面板上新建动作组，新建动作，定义动作名称、快捷键等···（其实可以不用选择快捷键）然后这个时候，动作面板上的红色按钮亮起，开始记录你的动作（这个时候不要随便进行操作）··· 3.然后打开你要处理的的一堆图片中的一张，然后开始你的操作，最后存储这张图片（存储到一个新的文件夹下）并关闭。最后停止记录动作，点击动作面板上的那个圆形按钮即可。 4.然后点击【文件】>【自动】>【批处理】，序列和动作它会自动帮你选择好；源选择“文件夹”，然后在下边选取你所要修改的图片所在的文件夹，勾选“覆盖动作打开命令”；在“目的”选择"文件夹"，然后在下边选取刚才存储的位置，勾选“覆盖动作存储命令”设置完成；点“确定”就可以了。
·首选Arial 通吃 标题、正文、页脚···都可以用 ·Verdana 一般用在页脚 10px即可 ·Tahoma 同上 ·Trebuchet MS 一般用做正文 ·Century Gothic 一般用做标题 哦··我的天那，怎么能少了Georgia 这个一般也用做标题。
如题，怎样用ul和li来写导航？ 说一下大概的做法： ·整个的ul可以设置百分比宽或者固定宽度 ·li里面的样式随便你写 ·关键是li里面的链接a要设置一个display:block;这样做的目的是将a作为一个块元素来处理，如此，就可以方便的设置链接a的宽和高 ·在a的hover属性里可以改变background的值，让整个导航看起来生动一些
<style type="text/css"> body{margin:0;padding:0;} div{width:100%;height:100px;background:#fc9;position:absolute;top:100%;margin-top:-100px} </style> <div></div>
感谢搜索引擎，感谢百度！ 这两天在做一个小i传令兵消息系统的页面。页面的导航我是用div做的。结构如下： <div> <ul> <li>导航1</li> <li>导航2</li> <li>导航3</li> </ul> </div> 一开始，没注意看，觉得挺正常的，后来仔细一看，在ie6浏览器下全选后，发现整个div下面会多出几像素，这让我感到很奇怪，拼命的检查html和css，结果都没有发现类似的padding和margin之类的东西，后来百度一下，终于知道答案了，原来是ul在作怪， 解决它的办法是：在整个div里将超出层的东西隐藏，也就是overflow:hidden; 谢谢javaeye
结合阿里巴巴和taobao的一些广告条 在此总结一些实用的方法,希望对大家有些帮助 首先是把所有元素都堆上去,文字图片,然后参考设计的内容定一个颜色. 此外我暂时把广告条分为两类: 一类是产品展示型,主要是对客户需要展示的产品做一个排版和设计. 二类可能是一个活动,没有产品展示,需要自己发挥更多. 我们先来说说第一类: 客户提供的产品一般分两类,一类是有完整外观的,比如这双nike,他本身就有一个很好的外形轮廓,一般这种都把产品单独扣出来进行制作.另外一类就是没有明显外形特点的,比如下面的床品.这样的处理方法就会有些特别.我们看例子. 第一步就是整个环境的设计! 可以看到在边角上用了简单的图形文字很快的就表现出了你想表达的东西,让人一目了然,这个点题的图形一般出现在两个角上,相对产品会显得比较大,但也不是绝对,需要灵活运用.另外颜色上拉一个渐变也会产生光线照射的感觉,丰富层次感.另外如果在产品都放好了以后如果觉得背景还是太过简单可以加一些样式,下面给出几个例子也许会有些启发.在这个环境搭建好以后,整个调子也基本在了,只要把要展现的产品丢进去就好了. 第二步就是产品的展示 我们来分析一下上面的两张,月饼那张,里面的月饼盒都有漂亮明显的外形轮廓,所以选择把他们扣出来处理.可能有些图形轮廓比较难扣,扣出来以后会有毛刺,这里的方法是加个外发光,超级必杀哦,马上解决.床品这张由于没有外形轮廓的特点,我们给他加了一个外框来让几个物品摆放的时候感觉更加整齐.另外如果前面一种扣出的情况排布起来还是感觉凌乱或者产品本身比较瘦小的话也可以考虑加一个统一的背景来增加统一感(如下面两张图). 第三步是字体的选择和样式的设计 这个我本人一直比较关注,字体选择的正确往往就能把整个设计给人的感觉把握住.另外文字上一般处理有大有小,要突出的的字大一点加个样式,有些需要活泼气氛的也可以把字都独立出来做个旋转,会有相当好的效果,但要有节制的使用,一般控制在3种以内.下面举例一些字体及样式的设计给大家做个参考.(主要就是渐变/描边/做产生立体感的白细线)
1、打开PS 执行文件—新建—新建550X400像素空白文档。 2、输入所要制作的黑色文字（字体最好选粗厚些的字体）本教程字体汉仪方叠体简下载。 3、对文字层点右键将文字栅格化（一定要栅格化）将矢量文字变成像素图像。 按快捷键CTRL+T(自由变换)将文字变形！达到我们想要的角度跟效果！ 这里要注意透视原理！ 4、按CTRL+J复制图层得到图层副本！双击图层副本添加图层效果， 斜面浮雕（内斜面，斜面的宽度设为1、2 像素就可以了，不要太宽） 颜色叠加（添加上自己需要的颜色，我们这里用红色） 5 新建图层1，把图层1拖到图层副本下面， 将图层副本合并到图层1上 得到新的图层！ 6，对图层按快捷键Ctrl + Alt + t 执行复制变形， 接着在工具栏输入 纵横拉伸的百分比例为101%. 101%然后把位置用小键盘向右箭头 → 移动一到两个像素按回车确定变形。（不可以变化太大！否则会影响效果） 7，接着按住快捷键 Ctrl + Alt + Shift 不要松开，同时连续点 "T" 键，快速地复制并逐像素的移动图案，根据需要而定！次数越多，立体效果厚度也就越大。我们这里点8次就可以了，这样看看是不是就有了立体效果了！ 8，把背景层跟原图层前的眼睛图标先隐藏！ 合并所有可见图层！并拖到原图层下面。 9，再把原图层用变形工具变大，使其刚好能盖住我们制作立体效果的表面。 覆盖后得到的效果图如下： 10，对该图层添加效果：（颜色叠加或者渐变叠加，投影，如有需要还可以填充图案，数据如下） 颜色叠加：可以选比立体效果颜色稍浅一些的颜色！也可选自己喜欢的颜色！ 投影：设置外投影！角度为33，其他数据可以根据情况调节。 加完图层效果这样立体字效果就基本完成了.最后再处理下细节！ 做出3D效果后,太单调了,没有新意，可以自己去创新做出不同角度不同类型的效果！我们这里就加个倒影的效果！ 教程相关作品 ：
