交互设计中心-72色

 以前的一篇 input输入框的各种样式 也是很漂亮的说， 不过今天再给大家补充一个也非常漂亮而其很酷的表单制作，其实还有两个颜色的表单，我测试了只有这个兼容IE和FF，就先放上这一个再说吧。

...

 

以前发了篇   高手用css画的房子   现在这个高手更牛！
...

简介

本文从一个网页设计师的角度介绍了良好的网页设计必须遵从的几个原则。里面列举了许多生动的实例。

...

如果浏览器是女人，你的浏览器是你想要的女人吗......

看看这个网站设计，非常漂亮，设计好了以后怎么切割呢？有的时候让设计师不能完全发挥设计，都是被后期的切割局限住了（不过这个例子还是很好切割的，只是抛砖引玉吧）

......

其实Photoshop是可以开启现有的动画的，只是屏蔽了这功能，我们可以通过【文件＞导入＞视频帧到图层】开启动画GIF，如下图所示，默认情况下只能开启视频格式MOV、AVI、MPG、MPEG，而并没有GIF。现在首先在红色箭头处确认路径正确，然后在绿色箭头处强行输入动画名及扩展名，如abc.gif、123.gif等。即可以独立图层方式导入动画GIF，导入后的一些操作与之前一致。大家可利用这个方法开启以往的GIF动画试试看。


...

这是一个仿照sina网站的做的一个导航，我看到网上都用到这样的格式

<ul>    <li>       <ul>          <li><a>首页</></li>          <li><a>首页</></li>       </ul>    </li>    <li>       <ul>          <li><a>首页</></li>          <li><a>首页</></li>       </ul>    </li> </ul>
为什么不用这种格式呢，还省好多css代码。

做图片列表的时候，发现图片右边和下边有一定的空隙，在ff里就没有，网上找了下解决方案，很管用，现在就把各种方法都列出来，供大家根据情况使用。 有空隙的时候
  <style type="text/css"> div { width:500px;border:1px solid #f00;background:#000;} </style> <div> <img alt="" src="http://www.google.com/intl/en/images/logo.gif" /> </div>

解决方法:一、改变HTML的排列（仔细看）

图片水平居中,很容易实现,垂直居中,往往让人很头痛!

       在网上搜集了资料,现整理如下:

       一.  背景图片直接center 就可以了,background:url(images/icon_arrow03.gif) no-repeat  left center;
...

在做div+css网页设计的时候突然IE6不能正常解析CSS文件，解决半天也不得其解，于是上网去找老师，最后在网上找到了一篇好的文章，且解决了问题，特发出来为大家欣赏，首先谢谢本文作者。

　　网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析，所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题，在 IE7 中把它修复了。
...